Rumah >hujung hadapan web >tutorial js >Senarai rata mendatar semua Item kelihatan sempurna dalam iOS bukan dalam Android ContentContainerStyle

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

Patricia Arquette
Patricia Arquetteasal
2025-01-14 12:43:49306semak imbas

Berikut ialah Kod

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



<p>Paparan UI : <br>
<img src="/static/imghwm/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/173682985071915.jpg"  class="lazy" alt="Flat list horizontal all Items perfectly visible in iOS not in android ContentContainerStyle" /></p>

<p>Pandangan Jangkaan : </p>

<p><img src="/static/imghwm/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/173682985655775.jpg"  class="lazy" 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn