React Native - встроенный стиль и свойства не работают на IOS - PullRequest
0 голосов
/ 19 сентября 2019

Я делаю мультиплатформенное приложение на реагирующем языке, но некоторые свойства макета работают в Android, но не в IOS.После некоторого поиска в нашем коде мы выясняем, что встроенные свойства - это то, что дает нам удушение, как в этом коде:

 <Button
    style={principal_style.botoes}
    backgroundColor='#e3e3e3'
    onPress={() => this.logaUser() }>
    <Text style={principal_style.btntxtstylewhite}>{this.state.txtEntrar}</Text>
 </Button>

Свойство backgroundColor полностью игнорируется, и эта проблема повторяется в каждой свойства CSSтаким образом, ширина, высота, все.Даже если я поместил свойства в пропеллер стилей, он ничего не делает, как в этом коде:

 <View style={{flex: 1, justifyContent: 'center', }}>
      <Text style={{color:'#ffffff', fontSize:12, textAlign: 'center', marginTop: 20,}}>V - 0.02</Text>
 </View>

Теперь, что касается внешней таблицы стилей, они работают отлично, как первый фрагмент кода, этоимеет реквизит стиля, называемый Principal_style.botoes, вот код:

 botoes: {
    flex: 2,
    backgroundColor: 'blue',
    height:70,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    marginLeft: 40,
    marginRight: 40,
    borderRadius: 20,
    marginBottom: 20
 },

Я не знаю, что еще делать, может быть, какая-то команда реагирования, что-нибудь для работы, встроенный стиль должен работать в IOSНе так ли?

Пожалуйста, расскажите мне немного об этом.

РЕДАКТИРОВАТЬ 1

Я мог бы решить первую проблему с этим

 <TouchableHighlight style={[styles.button,{ backgroundColor: '#f00'}]} 

КРЕДИТЫ: Ответ из другой темы

РЕДАКТИРОВАТЬ 2 - РЕШЕНИЕ

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

правильный способ перезаписать внешний стиль для работы на обеих платформах

<TouchableHighlight style={[styles.button,{ backgroundColor: '#f00'}]} 

Я забыл упомянуть, что я использовал NATIVE-BASEкнопка

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...