Question

我想为两个按钮实现样式！但是，一切都没有改变！我试图通过上面的视图样式传递样式，但是没有任何变化！这是代码

App.js

      <Text style={{marginTop:130,marginLeft:60,fontSize:25,marginVertical:150,borderRadius:2}}>Welcome to Daret !</Text>
        <Button style={styles.signin}
          title="Sign In"
          onPress={() => navigation.navigate('Sign In')}
        />
        <Button title="Registration" style= {styles.registration}
         onPress= {()=>navigation.navigate('Registration')}/>
    </View>

样式


      marginTop:50,
      width: 90,
      borderRadius:2 

    },

    registration : {

      width:20  ,
      borderRadius:2,
      alignItems:'center',
      backgroundColor:'black'

    }

Answer 1

您可以像下面使用的buttonStyle一样尝试使用此道具style

      <Button
        title='Login' 
        buttonStyle={{
          backgroundColor:'red'
        }}
      />

Answer 2

问题：

标准React Native Button没有更改其样式的道具，因为您可以查看Button Code。

解决方案：

尝试使用任何Touchable（例如TouchableHighligt或TouchableOpacity）代替标准按钮。在那里，您可以传递样式对象以根据需要进行自定义。

在React native中设置按钮样式

2 个答案: