react-native-vision-camera/example/src/Settings.tsx

53 lines
1.1 KiB
TypeScript
Raw Normal View History

2021-02-19 12:05:02 -07:00
import React, { useCallback } from 'react';
2021-02-19 10:02:24 -07:00
2021-02-19 12:05:02 -07:00
import { StyleSheet, View, Text, Linking } from 'react-native';
2021-02-19 10:43:41 -07:00
import type { NavigationFunctionComponent } from 'react-native-navigation';
2021-02-19 10:02:24 -07:00
2021-02-19 12:05:02 -07:00
export const Settings: NavigationFunctionComponent = () => {
const onCuventPressed = useCallback(() => {
Linking.openURL('https://cuvent.com')
}, []);
2021-02-19 10:02:24 -07:00
return (
<View style={styles.container}>
2021-02-19 12:05:02 -07:00
<Text style={styles.aboutText}>Vision Camera is powered by{" "}
<Text style={styles.hyperlink} onPress={onCuventPressed}>Cuvent</Text>.
</Text>
2021-02-19 10:02:24 -07:00
</View>
);
}
2021-02-19 12:05:02 -07:00
Settings.options = {
topBar: {
visible: true,
title: {
text: 'Settings'
},
backButton: {
id: 'back',
showTitle: true,
}
}
}
2021-02-19 10:02:24 -07:00
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: 'white',
},
2021-02-19 12:05:02 -07:00
aboutText: {
fontSize: 14,
fontWeight: 'bold',
color: '#A9A9A9',
maxWidth: '50%',
textAlign: 'center',
},
hyperlink: {
color: '#007aff',
fontWeight: 'bold',
2021-02-19 10:02:24 -07:00
},
});