import * as React from 'react' ; import { StyleSheet , ScrollView } from 'react-native' ; import { TableView } from '@frogpond/tableview' ; import type { NavigationScreenProp } from 'react-navigation' ; import { isDevMode } from '@frogpond/constants' ; import { ConnectedCredentialsLoginSection } from './login-credentials' ; import { MiscellanySection } from './miscellany' ; import { OddsAndEndsSection } from './odds-and-ends' ; import { SupportSection } from './support' ; import { DeveloperSection } from './developer' ; const styles = StyleSheet . create ( { container : { paddingVertical : 20 , } , } ) ; export function SettingsView ( props ) { return ( < ScrollView contentContainerStyle = { styles . container } keyboardDismissMode = "on-drag" keyboardShouldPersistTaps = "always" > < TableView > < ConnectedCredentialsLoginSection /> < SupportSection navigation = { props . navigation } / > < MiscellanySection navigation = { props . navigation } /> < OddsAndEndsSection navigation = { props . navigation } / > { isDevMode ( ) && < DeveloperSection navigation = { props . navigation } />} < /TableView> < /ScrollView>); } SettingsView . navigationOptions = { title : 'Settings' , } ;