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

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

Patricia Arquette
發布: 2025-01-14 12:43:49
原創
300 人瀏覽過

這是一個代碼

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



<p>使用者介面視圖:<br>
<img src="/static/imghw/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>預期視圖:</p>

<p><img src="/static/imghw/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>這是從 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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板