Как сделать контейнер прозрачным в React Native?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как сделать контейнер прозрачным в React Native?

Сообщение Anonymous »

Я работаю над проектом React Native, и у меня есть контейнер, который я хочу сделать прозрачным. Однако установка [

Код: Выделить всё

backgroundColor
] на «rgba(0, 0, 0, 0)» или «прозрачный», похоже, не работает. Контейнер по-прежнему выглядит белым.
Вот соответствующая часть моего кода:

Код: Выделить всё

container: {
flexDirection: "row",
justifyContent: "space-between",
backgroundColor: "rgba(0, 0, 0, 0)", // Transparent background
paddingTop: Platform.OS === "ios" ? 20 : StatusBar.currentHeight, // Adjust for system top bar
},
Я пробовал как «rgba(0, 0, 0, 0)», так и «прозрачный» для [

Код: Выделить всё

backgroundColor
], но контейнер остается белым.
Кроме того, [

Код: Выделить всё

NavHeaderКомпонент 
] используется в навигаторе вкладок, поэтому используется заголовок навигатора по умолчанию. Вот соответствующая часть
App.js
файла:

Код: Выделить всё

 (
 navigation.goBack()}
/>
),
tabBarIcon: ({ focused }) => (

),
}}
/>
Что я пробовал:
  • Убедиться, что родительский контейнер или другие стили не переопределяет этот параметр.
  • Настройка [

    Код: Выделить всё

    backgroundColor
    ] напрямую на «прозрачный».
Что-то я упускаю или делаю неправильно?

Подробнее здесь: https://stackoverflow.com/questions/790 ... act-native
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»