Я делаю мультиплатформенное приложение на реагирующем языке, но некоторые свойства макета работают в 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кнопка