Ширина и радиус кнопки реагируют с родным андроидом

Question

HI Мне понадобилась помощь с моим кодом, касающимся моей кнопки, она просто не будет увеличивать ее ширину или применять к ней какой-либо радиус границы, даже цвет границы не будет работать. Можете ли вы сказать мне, что является ошибкой в ​​моем коде?

Вот мой код:

        const { width, height } = Dimensions.get("window");
        <View style={{width: '100%', height: '20%',justifyContent: 'center', alignItems: 'center',}}>
                    <Button 
                    width={150}
                    style={{ 
                    borderColor:'red',
                    borderRadius:30,
                    justifyContent: 'center', 
                    alignItems:'center',}}
                    title="LOGIN"
                    color="black"
                    onPress = { () => 
                    this.props.navigation.navigate('Details')}
                    /> 
        </View>

Answer 1

React native Button имеет ограниченную опору. https://facebook.github.io/react-native/docs/button Вам нужно использовать TouchableOpacity или TouchableOpacityWithoutFeedback, как это

<TouchableOpacity 
                style={{ 
                width={150}
                borderColor:'red',
                borderRadius:30,
                justifyContent: 'center', 
                alignItems:'center'
                }}
                onPress = { () => 
                this.props.navigation.navigate('Details')}
                > 
    <Text style={{color:”#000000”}}>LOGIN</Text>
</TouchableOpacity>