Senarai rata mendatar semua Item kelihatan sempurna dalam iOS bukan dalam Android ContentContainerStyle

Berikut ialah Kod

 <Senarai Rata
                mendatar={isHorizontal}
                contentContainerStyle={{
                    // lebar: isHorizontal ? 274 : '100%',
                    paddingMendatar:10
                }}
                overScrollMode="tidak pernah"
               >



<p>Paparan 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>Pandangan Jangkaan : </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>Berikut ialah Kod selepas mengalih keluar lebar daripada gaya contentContainer<br>
</p>

<pre class="brush:php;toolbar:false">import React daripada 'react';
import { FlatList, View, Text, StyleSheet, Dimensions } daripada 'react-native';

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

const YourComponent = ({ item }) => (
  <Lihat>



<p>Mengapa Ia Berfungsi Selepas Mengulas lebar:</p>

• FlatList mengira lebar kandungan secara dinamik berdasarkan anak-anaknya.
• Tiada offset padding ditambahkan, jadi tiada risiko pengiraan kawasan boleh tatal yang salah.
• Akibatnya, penatalan mendatar berfungsi seperti yang diharapkan.

Atas ialah kandungan terperinci Senarai rata mendatar semua Item kelihatan sempurna dalam iOS bukan dalam Android ContentContainerStyle. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!