Fix: ensure all views can scroll to the bottom

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>
         )}

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>
   )

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>

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>
   )

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>
   )

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>
   )

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>
   )

src/view/com/util/ViewSelector.tsx

@@ -96,6 +96,7 @@ export function ViewSelector({
         onScroll={onScroll}
         onRefresh={onRefresh}
         onEndReached={onEndReached}
+        contentContainerStyle={{paddingBottom: 200}}
       />
     </HorzSwipe>
   )

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'},

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>
   )

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 />

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>
   )

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>
     )
   },