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

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

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

這是一個代碼

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<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中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板