Question

嗨，我需要有关我的按钮的代码方面的帮助，它只是不会增加其宽度，也不会应用任何边框半径，即使边框颜色也行不通。您能告诉我代码中的错误是什么吗？

这是我的代码：

        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>

使用React Native Android的按钮宽度和半径

1 个答案: