首頁 >web前端 >js教程 >平面清單水平所有項目在 iOS 中完全可見,而不是在 Android ContentContainerStyle 中

平面清單水平所有項目在 iOS 中完全可見,而不是在 Android ContentContainerStyle 中

Patricia Arquette
Patricia Arquette原創
2025-01-14 12:43:49236瀏覽

這是一個代碼

 <flatlist ishorizo overscrollmode="“從不”">



<p>使用者介面視圖:<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;
從 'react-native' 導入 { FlatList、View、Text、StyleSheet、Dimensions };

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

const YourComponent = ({ item }) =>; (
  



<p>為什麼評論寬度後有效:</p>

  • FlatList 根據其子級動態計算內容的寬度。
  • 沒有添加填充偏移,因此不存在可滾動區域計算不正確的風險。
  • 因此,水平滾動可以按預期工作。

以上是平面清單水平所有項目在 iOS 中完全可見,而不是在 Android ContentContainerStyle 中的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn