React native React Native Flex儿童生长似乎受到填充物的影响

在React Native中使用flex进行布局时，我遇到了一些困难。我已经减少了我在以下问题中遇到的行为

我有一个容器可以填充可用空间，因为它的flex设置为1。然后在容器中有一个子容器，它应该填充容器，所以我将它的flex设置为1。我还希望容器顶部有填充物。因此，除了前20%之外，我希望孩子能填补所有家长的空缺。然而，我看到的是，在孩子周围的容器顶部和底部有相等的填充（好像我设置了paddingVertical而不是paddingTop）

有人能解释为什么会这样吗？我也对我在制作零食来说明这个问题时看到的行为感兴趣。在iOS和Android模拟器上，我体验到的行为对我来说似乎是错误的，而Web视图似乎像我预期的那样工作，顶部只有一个间隙

谢谢

import*as React from'React'；
从“react native”导入{Text，View，StyleSheet}；
导出默认函数App（）{
返回(
在编辑器中更改代码，并在手机上观看代码的更改！保存以获得可共享的url。
);
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“绿色”，
paddingTop：“20%”
},
儿童：{
弹性：1，
背景颜色：“红色”
},
});

Android—“坏”行为

网络-“预期”行为

---

这确实很奇怪。您可能想在GitHub上的react本机存储库上打开一个问题。谢谢，我将尝试这个@Romin21。这确实很奇怪。您可能想在GitHub上的react本机存储库上打开一个问题。谢谢，我将尝试@romin21

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <View style={styles.child}>
        <Text>
          Change code in the editor and watch it change on your phone! Save to get a shareable url.
        </Text>
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'green',
    paddingTop: '20%'
  },
  child: {
    flex:1,
    backgroundColor:'red'
  },
});