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との統合は一般的にあまりよく考えられていないため、この属性を追加しました。それは作業が必要なものですが、些細なことではありません:)