平面列表水平所有项目在 iOS 中完全可见，而不是在 Android ContentContainerStyle 中

这是一个代码

 <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中文网其他相关文章！