Ten błąd pojawia się, ponieważ właściwość 'flex' nie jest obsługiwana przez silnik Hermes.Możesz zamiast tego użyć właściwości 'display: flex', aby osiągnąć ten sam efekt. W twoim przypadku, właściwość 'display: flex' jest już dodana do stylów kontenera, więc możesz po prostu usunąć właściwość 'display' z deklaracji stylów przycisku.
Tutaj masz poprawkę:
import React from 'react';
import {ScrollView, Text, StyleSheet, Button, SafeAreaView, View} from 'react-native';
const App = () => (
<View style={styles.container}>
<Button onPress={() => {console.log('Button is touched')}}
style={styles.button}
title='Press me'
/>
</View>
);
const styles = StyleSheet.create({
container: {
alignItems: 'center',
justifyContent: 'center',
flex: 1,
},
button: {
backgroundColor: '#10c6cb',
color: '#fff',
height: 30,
width: 50,
},
});
export default App;
W tym poprawionym kodzie usunąłem właściwość 'display' z deklaracji stylów przycisku, a dodatkowo dodałem właściwość 'flex: 1' do deklaracji stylów kontenera, aby zapewnić, że cała przestrzeń jest wypełniona.