React-native: 列表视图顶部的填充

创建于 2015-02-05 · 3评论 · 资料来源: facebook/react-native

我正在渲染一个ListView并且它在顶部有我无法摆脱的填充：

screen shot 2015-02-05 at 1 43 05 pm

我的代码：

    return ListView({
      style: { flex: 1, borderWidth: 1, borderColor: 'red', paddingTop: 0 },
      renderRow: this.renderRow,
      dataSource: source
    });

还有人看到这个吗？

Locked

资料来源

jlongster

👍1

最有用的评论

您可能必须添加automaticallyAdjustContentInsets={false} 。任何人都知道为什么默认情况下这是真的？

nick 于 2015-02-05

👍3 🎉1

所有3条评论

您可能必须添加automaticallyAdjustContentInsets={false} 。任何人都知道为什么默认情况下这是真的？

nick 于 2015-02-05

👍3 🎉1

你是对的，已经解决了，谢谢！

jlongster 于 2015-02-05

在 iOS 中，导航（顶部）和选项卡（底部）是半透明的。这意味着它后面的内容（如滚动视图）应该与顶部和底部重叠，但有额外的填充以成为顶部/底部条的大小。在 iOS 中有一个 top/bottomLayoutGuide 的概念。 automaticallyAdjustContentInsets可以根据这些指南自动添加填充。

与布局和 React 的集成通常没有经过深思熟虑，因此我们添加了此属性。这是需要工作但并非微不足道的事情:)