47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
import { Link, Stack } from 'expo-router'
|
|
import { StyleSheet } from 'react-native'
|
|
|
|
import { ThemedText } from '@/components/themed-text'
|
|
import { ThemedView } from '@/components/themed-view'
|
|
import { SafeAreaView } from 'react-native-safe-area-context'
|
|
|
|
export default function ModalScreen() {
|
|
return (
|
|
<SafeAreaView style={{ flex: 1 }} edges={['top', 'bottom']}>
|
|
<ThemedView style={styles.container}>
|
|
<Stack.Screen
|
|
options={{
|
|
title: '自定义标题',
|
|
|
|
// header: () => (
|
|
// <>
|
|
// <ThemedText type="title">This is a modal</ThemedText>
|
|
// <Link href="/" dismissTo style={styles.link}>
|
|
// <ThemedText type="link">Go to home screen</ThemedText>
|
|
// </Link>
|
|
// </>
|
|
// ),
|
|
}}
|
|
/>
|
|
<ThemedText type="title">This is a modal</ThemedText>
|
|
<Link href="/" dismissTo style={styles.link}>
|
|
<ThemedText type="link">Go to home screen</ThemedText>
|
|
</Link>
|
|
</ThemedView>
|
|
</SafeAreaView>
|
|
)
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
padding: 20,
|
|
},
|
|
link: {
|
|
marginTop: 15,
|
|
paddingVertical: 15,
|
|
},
|
|
})
|