diff options
Diffstat (limited to 'components/Options.js')
| -rw-r--r-- | components/Options.js | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/components/Options.js b/components/Options.js index fd0c21c..8138133 100644 --- a/components/Options.js +++ b/components/Options.js @@ -4,14 +4,14 @@ import * as SecureStore from 'expo-secure-store'; let a = true export default function CategoryView(props) { - let [font, setFont] = React.useState(0) + let [font, setFont] = React.useState(22) async function setFontSS(f) { setFont(f); await SecureStore.setItemAsync('font', f.toString()) } - React.useEffect(() => getFont(setFont), []) + React.useEffect(() => { getFont(setFont) }, []) if (a) { props.navigation.addListener('focus', () => getFont(setFont)) a = false @@ -19,10 +19,10 @@ export default function CategoryView(props) { return ( <SafeAreaView style={styles.cont}> - <Text style={styles.txt}>Selected font: {font}</Text> - <TouchableOpacity onPress={() => setFontSS(12)}><Text style={[styles.txt, styles.btn]}>Font 12</Text></TouchableOpacity> - <TouchableOpacity onPress={() => setFontSS(19)}><Text style={[styles.txt, styles.btn]}>Font 19</Text></TouchableOpacity > - <TouchableOpacity onPress={() => setFontSS(26)}><Text style={[styles.txt, styles.btn]}>Font 26</Text></TouchableOpacity > + <Text style={[styles.txt, { fontSize: font < 12 ? 19 : font }]}>Selected font: {font}</Text> + <TouchableOpacity onPress={() => setFontSS(12)}><Text style={[styles.txt, styles.btn, { fontSize: 12 }]}>Font 12</Text></TouchableOpacity> + <TouchableOpacity onPress={() => setFontSS(19)}><Text style={[styles.txt, styles.btn, { fontSize: 19 }]}>Font 19</Text></TouchableOpacity > + <TouchableOpacity onPress={() => setFontSS(26)}><Text style={[styles.txt, styles.btn, { fontSize: 26 }]}>Font 26</Text></TouchableOpacity > </SafeAreaView > ) } |