Как я могу получить представление с 2 отдельными цветами в отличие от градиента в React Native - PullRequest
Новая
       16

Как я могу получить представление с 2 отдельными цветами в отличие от градиента в React Native

0 голосов
/ 30 марта 2019

У меня есть пользовательский интерфейс для разработки в режиме native native, который выглядит как на рисунке ниже, вы можете игнорировать компоненты пользовательского интерфейса, с которыми я сталкиваюсь, только проблема с фоновым представлением, имеющим 2 цвета.

Я попытался использовать другое в родительском представлении с абсолютной позицией и задал ему bottom: 0 и некоторую высоту: 100, zIndex: 1, но это, похоже, не работает. 

<View style={{flex:1}}
      >
        {
          ......
        } // All my other UI components
        <View
          style={{
            position: "absolute",
            bottom: 0,
            height: 100,
            backgroundColor: "white",
            zIndex: 1
          }}
        />
</View>

https://i.ibb.co/XWVM5mS/Untitled.png

Я просто хочу узнать, как получить двухцветные фоновые цвета в компоненте View с наложением других дочерних компонентов сверху.

1 Ответ

0 голосов
/ 30 марта 2019

Вы должны установить left и right тоже 

<View
  style={{
    position: "absolute",
    bottom: 0,
    left: 0,
    right: 0,
    height: 100,
    backgroundColor: "white",
    zIndex: 1
  }}
/>
...