Use a scroll view for settings page
This way shorter screens dont cut off content
This commit is contained in:
parent
67689f4af8
commit
24e230e8b9
|
@ -2,7 +2,7 @@ import {NavigationProp, useNavigation} from '@react-navigation/native'
|
||||||
import {format} from 'date-fns'
|
import {format} from 'date-fns'
|
||||||
import {useCallback, useEffect, useMemo, useState} from 'react'
|
import {useCallback, useEffect, useMemo, useState} from 'react'
|
||||||
import {useForm} from 'react-hook-form'
|
import {useForm} from 'react-hook-form'
|
||||||
import {NativeModules, View} from 'react-native'
|
import {NativeModules, ScrollView, View} from 'react-native'
|
||||||
import DocumentPicker from 'react-native-document-picker'
|
import DocumentPicker from 'react-native-document-picker'
|
||||||
import {Dirs, FileSystem} from 'react-native-file-access'
|
import {Dirs, FileSystem} from 'react-native-file-access'
|
||||||
import {Button, Subheading} from 'react-native-paper'
|
import {Button, Subheading} from 'react-native-paper'
|
||||||
|
@ -292,11 +292,11 @@ export default function SettingsPage() {
|
||||||
<DrawerHeader name="Settings" />
|
<DrawerHeader name="Settings" />
|
||||||
|
|
||||||
<Page term={term} search={setTerm} style={{flexGrow: 0}}>
|
<Page term={term} search={setTerm} style={{flexGrow: 0}}>
|
||||||
<View style={{marginTop: MARGIN}}>
|
<ScrollView style={{marginTop: MARGIN}}>
|
||||||
{switchesMarkup}
|
{switchesMarkup}
|
||||||
{selectsMarkup}
|
{selectsMarkup}
|
||||||
{buttonsMarkup}
|
{buttonsMarkup}
|
||||||
</View>
|
</ScrollView>
|
||||||
</Page>
|
</Page>
|
||||||
|
|
||||||
<ConfirmDialog
|
<ConfirmDialog
|
||||||
|
|
Loading…
Reference in New Issue
Block a user