Проблемы с ZIndex в React Native 0.60.5

Question

Я столкнулся с проблемой z-index в React Native 0.60.5, который является самой последней версией в настоящее время.Я хочу, чтобы красная коробка перекрывала синюю.

Я пытался:

1. z-индекс: 1 для красного поля и -1 для синего поля.
2. z-индекс: 1000для красного ящика и -1000 для синего ящика.
3. без z-индекса для красного ящика и -1 для синего ящика.

Ничего из вышеперечисленного не работает

Дело 1:

 < View
 style = {
  {
   zIndex: 1,
   height: 100,
   width: 100,
   backgroundColor: 'red',
  }
 }
 /> <
 View
 style = {
  {
   height: 100,
   width: 100,
   zIndex: -1,
   backgroundColor: 'blue',
   position: 'absolute',
  }
 }
 />

Дело 2:

 < View
 style = {
  {
   zIndex: 1000,
   height: 100,
   width: 100,
   backgroundColor: 'red',
  }
 }
 /> <
 View
 style = {
  {
   height: 100,
   width: 100,
   zIndex: -1000,
   backgroundColor: 'blue',
   position: 'absolute',
  }
 }
 />

Дело 3:

 < View
 style = {
  {
   height: 100,
   width: 100,
   backgroundColor: 'red',
  }
 }
 /> <
 View
 style = {
  {
   height: 100,
   width: 100,
   zIndex: -1,
   backgroundColor: 'blue',
   position: 'absolute',
  }
 }
 />

Вот мой экран приложения

Answer 1

 View
 style = {
  {
   height: 100,
   width: 100,
   zIndex: -1000,
   backgroundColor: 'blue',
   position: 'absolute',
   top : 10,
   left : 0
  }
 }
 />