Ya importé StyleSheet de react-native

pero obtuve [ReferenceError no puede encontrar la variable StyleSheet].

no sé por qué ¡Por favor, ayúdame!

Leí muchas publicaciones de stackoverflow, se olvidan de importar StyleSheet, View, Text. ¡¡Pero no lo hice!!

 import React from 'react'; import { View, Text, StyleSheet, SafeAreaView } from 'react-native'; import { TouchableOpacity } from 'react-native-web'; const AddNewStamp = () => ( <View style={styles.container}> <Header /> </View> ); const Header = () => ( <SafeAreaView style = {styles.HeaderContainer}> <TouchableOpacity> <Image source= {'./assets/icon/home_filled.png'} style={{ width: 30, heigh: 30}} /> </TouchableOpacity> <Text style={styles.HeaderText}>New Stamp</Text> </SafeAreaView> ); const styles = StyleSheet.create({ container: { marginHorizontal: 10 }, HeaderContainer: { flexDirection: 'row', justifyContent: 'space-betwween', alignItems: 'center', }, HeaderText: { color: '#fff', fontWeight: '700', fontSize: 20, marginLeft: 25, }, }); export default AddNewStamp;