Styling проблемы после обновления React-Native

Я недавно модернизировал свой Реагировать Native от 0.15 к 0.18Styling проблемы после обновления React-Native

Теперь, когда я запустить приложение, он дает следующее сообщение об ошибке.

Invalid prop `backgroundColor` supplied to `StyleSheet mainContainer`. 
StyleSheet mainContainer: { 
    "justifyContent": "center", 
    "alignItems": "center", 
    "flexDirection": "row", 
    "backgroundColor": "#fffffff", 
    "marginBottom": -1 
}

Что вызывает это?

источник

2016-02-23 Nimila Hiranya

цвет, указанный в качестве цвета фона является некорректным и не существует. Существует слишком много f. Либо вы можете изменить его на:

"backgroundColor": "#ffffff",

Или вы можете также задать белый цвет фона, как это:

"backgroundColor": "white",

Вот краткий обзор всех поддерживаемых форматов цветов в React Native. Вы также можете найти список для названных цветов. http://facebook.github.io/react-native/docs/colors.html

источник

2016-02-23 11:38:42 arthurvi

Это должно было стать прозрачным. Что я должен использовать для прозрачного в шестнадцатеричном режиме? –

Теоретически 50% прозрачный белый в HEX будет '# 80FFFFFF'. Но это, похоже, не работает для меня. [Источник] (http://stackoverflow.com/questions/5445085/understanding-colors-in-android-6-characters/11019879#11019879). Что делает 50% прозрачный белый: 'color: 'rgba (255, 255, 255, 0.5)'' – arthurvi

Спасибо. 'rgba (255, 255, 255, 0.0)' исправил его. –

У вас есть семь символов f в цвете фона, а не шесть - это недействительно.

Try «BackgroundColor»: «#ffffff»

источник

2016-02-23 08:26:22

Styling проблемы после обновления React-Native

ответ

Смежные вопросы