29 lines
810 B
TypeScript
29 lines
810 B
TypeScript
import { Button, SafeAreaView, ScrollView, Text, View } from 'react-native';
|
|
|
|
export default function App() {
|
|
return (
|
|
<SafeAreaView style={styles.container}>
|
|
<ScrollView style={styles.container}>
|
|
<Text style={styles.header}>Module API Example</Text>
|
|
</ScrollView>
|
|
</SafeAreaView>
|
|
);
|
|
}
|
|
|
|
function Group(props: { name: string; children: React.ReactNode }) {
|
|
return (
|
|
<View style={styles.group}>
|
|
<Text style={styles.groupHeader}>{props.name}</Text>
|
|
{props.children}
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = {
|
|
header: { fontSize: 30, margin: 20 },
|
|
groupHeader: { fontSize: 20, marginBottom: 20 },
|
|
group: { margin: 20, backgroundColor: '#fff', borderRadius: 10, padding: 20 },
|
|
container: { flex: 1, backgroundColor: '#eee' },
|
|
view: { flex: 1, height: 200 },
|
|
};
|