反應本機轉換背景

Question

我想問一下如何在react native中使用轉換樣式復制此圖像。 到目前為止，這是我的代碼，與圖片不完全相同：

這是要復制的：

這是我得到的：

backgroundColor: STATUS_BAR_COLOR,
    flex: 1,
    width: '100%',
    justifyContent: 'center',
    alignContent: 'center',
    alignItems: 'center',
    transform: [
      { skewY: '-30deg' },
    ],
    height: 150

Answer 1

我知道這不是一個完美的答案，但是此鏈接將為您提供幫助。 結合鏈接中給定形狀的代碼，您可以制作所需的大多數幾何形狀。 祝好運。 http://browniefed.com/blog/the-shapes-of-react-native/