Стилизация ваших кнопок в React native

Question

Я хотел бы реализовать стилизацию для моих двух кнопок! Тем не менее, ничего не меняется для них! Я попытался передать стиль через стиль просмотра выше, но ничего не изменилось !! это код

Приложение. 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

Проблема:

У стандартной React Native Button нет опоры для изменения ее стиля, как вы можете видеть, если вы заглянули в Код кнопки .

Решение:

Вместо стандартных кнопок попробуйте использовать любую Touchable (например, TouchableHighligt или TouchableOpacity ). Там вы можете передать объект стиля, чтобы настроить столько, сколько вы хотите.

Answer 2

вы можете попытаться использовать эту опору buttonStyle, как вы используете style, как указано ниже

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