Fix: ensure all views can scroll to the bottom

13 files changed, 15 insertions, 5 deletions

diff --git a/src/view/com/discover/SuggestedFollows.tsx b/src/view/com/discover/SuggestedFollows.tsx
index 9a0127260..87886c652 100644
--- a/src/view/com/discover/SuggestedFollows.tsx
+++ b/src/view/com/discover/SuggestedFollows.tsx
@@ -128,6 +128,7 @@ export const SuggestedFollows = observer(
               keyExtractor={item => item._reactKey}
               renderItem={renderItem}
               style={s.flex1}
+              contentContainerStyle={{paddingBottom: 200}}
             />
           </View>
         )}
diff --git a/src/view/com/login/CreateAccount.tsx b/src/view/com/login/CreateAccount.tsx
index 83d17d374..279a55f52 100644
--- a/src/view/com/login/CreateAccount.tsx
+++ b/src/view/com/login/CreateAccount.tsx
@@ -15,7 +15,6 @@ import * as EmailValidator from 'email-validator'
 import {Logo} from './Logo'
 import {Picker} from '../util/Picker'
 import {TextLink} from '../util/Link'
-import {ToggleButton} from '../util/forms/ToggleButton'
 import {Text} from '../util/text/Text'
 import {s, colors} from '../../lib/styles'
 import {
@@ -366,7 +365,7 @@ export const CreateAccount = ({onPressBack}: {onPressBack: () => void}) => {
             </>
           ) : undefined}
         </View>
-        <View style={{height: 100}} />
+        <View style={s.footerSpacer} />
       </KeyboardAvoidingView>
     </ScrollView>
   )
diff --git a/src/view/com/notifications/Feed.tsx b/src/view/com/notifications/Feed.tsx
index 59b83bbab..ea7695d93 100644
--- a/src/view/com/notifications/Feed.tsx
+++ b/src/view/com/notifications/Feed.tsx
@@ -76,6 +76,7 @@ export const Feed = observer(function Feed({
           onRefresh={onRefresh}
           onEndReached={onEndReached}
           onScroll={onScroll}
+          contentContainerStyle={{paddingBottom: 200}}
         />
       )}
     </View>
diff --git a/src/view/com/post-thread/PostRepostedBy.tsx b/src/view/com/post-thread/PostRepostedBy.tsx
index 12d5a2177..37ff3ed68 100644
--- a/src/view/com/post-thread/PostRepostedBy.tsx
+++ b/src/view/com/post-thread/PostRepostedBy.tsx
@@ -75,6 +75,7 @@ export const PostRepostedBy = observer(function PostRepostedBy({
         data={view.repostedBy}
         keyExtractor={item => item._reactKey}
         renderItem={renderItem}
+        contentContainerStyle={{paddingBottom: 200}}
       />
     </View>
   )
diff --git a/src/view/com/post-thread/PostVotedBy.tsx b/src/view/com/post-thread/PostVotedBy.tsx
index af5bc2475..34a333f22 100644
--- a/src/view/com/post-thread/PostVotedBy.tsx
+++ b/src/view/com/post-thread/PostVotedBy.tsx
@@ -76,6 +76,7 @@ export const PostVotedBy = observer(function PostVotedBy({
         data={view.votes}
         keyExtractor={item => item._reactKey}
         renderItem={renderItem}
+        contentContainerStyle={{paddingBottom: 200}}
       />
     </View>
   )
diff --git a/src/view/com/profile/ProfileFollowers.tsx b/src/view/com/profile/ProfileFollowers.tsx
index 469a91f8d..56a4646ec 100644
--- a/src/view/com/profile/ProfileFollowers.tsx
+++ b/src/view/com/profile/ProfileFollowers.tsx
@@ -73,6 +73,7 @@ export const ProfileFollowers = observer(function ProfileFollowers({
         data={view.followers}
         keyExtractor={item => item._reactKey}
         renderItem={renderItem}
+        contentContainerStyle={{paddingBottom: 200}}
       />
     </View>
   )
diff --git a/src/view/com/profile/ProfileFollows.tsx b/src/view/com/profile/ProfileFollows.tsx
index 9b413ab76..4fbabff69 100644
--- a/src/view/com/profile/ProfileFollows.tsx
+++ b/src/view/com/profile/ProfileFollows.tsx
@@ -73,6 +73,7 @@ export const ProfileFollows = observer(function ProfileFollows({
         data={view.follows}
         keyExtractor={item => item._reactKey}
         renderItem={renderItem}
+        contentContainerStyle={{paddingBottom: 200}}
       />
     </View>
   )
diff --git a/src/view/com/util/ViewSelector.tsx b/src/view/com/util/ViewSelector.tsx
index c1784c1ac..a9252035f 100644
--- a/src/view/com/util/ViewSelector.tsx
+++ b/src/view/com/util/ViewSelector.tsx
@@ -96,6 +96,7 @@ export function ViewSelector({
         onScroll={onScroll}
         onRefresh={onRefresh}
         onEndReached={onEndReached}
+        contentContainerStyle={{paddingBottom: 200}}
       />
     </HorzSwipe>
   )
diff --git a/src/view/lib/styles.ts b/src/view/lib/styles.ts
index dcaeab056..0b0145ced 100644
--- a/src/view/lib/styles.ts
+++ b/src/view/lib/styles.ts
@@ -56,6 +56,9 @@ export const gradients = {
 }
 
 export const s = StyleSheet.create({
+  // helpers
+  footerSpacer: {height: 100},
+
   // font weights
   fw600: {fontWeight: '600'},
   bold: {fontWeight: 'bold'},
diff --git a/src/view/screens/Log.tsx b/src/view/screens/Log.tsx
index 43036b014..34eed394c 100644
--- a/src/view/screens/Log.tsx
+++ b/src/view/screens/Log.tsx
@@ -76,7 +76,7 @@ export const Log = observer(function Log({navIdx, visible}: ScreenParams) {
               </View>
             )
           })}
-        <View style={{height: 100}} />
+        <View style={s.footerSpacer} />
       </ScrollView>
     </View>
   )
diff --git a/src/view/screens/Search.tsx b/src/view/screens/Search.tsx
index cd5607798..82586e829 100644
--- a/src/view/screens/Search.tsx
+++ b/src/view/screens/Search.tsx
@@ -89,6 +89,7 @@ export const Search = ({navIdx, visible, params}: ScreenParams) => {
                 </View>
               </TouchableOpacity>
             ))}
+            <View style={s.footerSpacer} />
           </ScrollView>
         ) : (
           <SuggestedFollows asLinks />
diff --git a/src/view/screens/Settings.tsx b/src/view/screens/Settings.tsx
index eaf1efebb..22230f24c 100644
--- a/src/view/screens/Settings.tsx
+++ b/src/view/screens/Settings.tsx
@@ -79,7 +79,7 @@ export const Settings = observer(function Settings({
           title="Debug tools">
           <Text style={pal.link}>Storybook</Text>
         </Link>
-        <View style={{height: 100}} />
+        <View style={s.footerSpacer} />
       </View>
     </View>
   )
diff --git a/src/view/shell/mobile/Menu.tsx b/src/view/shell/mobile/Menu.tsx
index 6ffa4c1e6..875bb5a3d 100644
--- a/src/view/shell/mobile/Menu.tsx
+++ b/src/view/shell/mobile/Menu.tsx
@@ -175,7 +175,7 @@ export const Menu = observer(
             {VersionNumber.buildVersion})
           </Text>
         </View>
-        <View style={{height: 100}} />
+        <View style={s.footerSpacer} />
       </ScrollView>
     )
   },