這是一個代碼
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中文網其他相關文章!