問題タブ [react-native-sectionlist]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
android - React Native SectionList で、別のビューの上にビューを配置するにはどうすればよいですか?
React Native SectionList https://facebook.github.io/react-native/docs/sectionlist.htmlを使用して、以下のようにレイアウトを作成しようとしています。
A はヘッダー コンポーネント、B はヘッダー内にあり、下の空白の白いコンポーネントは行です。
A に対する B の位置を指定するにはどうすればよいですか?
これは iOS で相対位置または絶対位置を使用して簡単に実現でき、ヘッダー内のビュー (B) がビュー (A) をオーバーフローさせます。ただし、Android はオーバーフローをサポートしていません。私自身のリストを書くことはできませんが、私は少し立ち往生しています。
react-native - React Nativeでスティッキーヘッダーを使用したSectionlist Horizontal?
Horizontal={true} を使用して React Native で Sectionlist をレンダリングできましたが、セクション ヘッダーに 2 つの問題があります。
- ヘッダーはリストの上ではなく、リストの一部として表示されます。
- stickySectionHeadersEnabled={true} を使用しても、ヘッダーは固定されず、リストに沿ってスクロールします。
期待される
実際にどのように表示されるか
react-native - VirtualizedList をグリッドとして表示する
私はこのようなものを作ろうとしています:
問題: プロジェクトはReact Native Docs に従ってimmutablejsビルドされました。使用できないため、そのコンポーネントの numColumns props 機能を使用できません。私の唯一の選択肢は、ドキュメントが指摘するように VirtualizedList を使用することですが、上記のようにセルをグリッドとして表示する方法がわかりません。FlatList
私はすでにstyleセルとビューラッパーの両方に小道具を追加しようとしましたが、投稿した写真のように、セルを整列させるために使用されるコードは無視されません。実際、私が を使用していたときは完璧に表示されてScrollViewいましたが、巨大なラグのためにコードを に移動していますVirtualizedList。
何か助けはありますか？私はすでにGoogleでたくさん掘り下げましたが、これについては何も見つかりません.
サンプルコード: