すべてのアイテムを水平方向にフラット リストに表示する iOS では完全に表示されますが、Android では表示されません。

これがコードです

 



<p>UI ビュー: <br>
<img src="https://img.php.cn/upload/article/000/000/000/173682985071915.jpg" alt="Flat list horizontal all Items perfectly visible in iOS not in android ContentContainerStyle"></p>

<p>予想されるビュー: </p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173682985655775.jpg" alt="Flat list horizontal all Items perfectly visible in iOS not in android ContentContainerStyle"></p>

<p>contentContainer スタイルから幅を削除した後のコードは次のとおりです<br>
</p>

<pre class="brush:php;toolbar:false">'react' から React をインポートします。
import { FlatList、View、Text、StyleSheet、Dimensions } from 'react-native';

const data = [...Array(10).keys()].map((_, i) => ({ id: i, name: `Item ${i 1}` }));
const ITEM_WIDTH = 100;

const YourComponent = ({ item }) => (
  



<p>コメント幅をコメントした後に機能する理由:</p>

• FlatList は、その子に基づいてコンテンツの幅を動的に計算します。
• パディング オフセットは追加されないため、スクロール可能領域が正しく計算されないリスクはありません。
• その結果、水平スクロールは期待どおりに機能します。

以上がすべてのアイテムを水平方向にフラット リストに表示する iOS では完全に表示されますが、Android では表示されません。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。