时间戳

首页 > 解决方案 > 在 React Native 中设置按钮样式

css - 在 React Native 中设置按钮样式

问题描述

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

应用程序.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'

    }

标签： cssreact-native

解决方案

您可以尝试使用此道具buttonStyle，style如下所示

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

推荐阅读