Liste plate horizontale de tous les éléments parfaitement visibles dans iOS et non dans Android ContentContainerStyle

Voici un code

 <Liste Plate
                horizontal={isHorizontal}
                contentContainerStyle={{
                    // largeur : estHorizontal ? 274 : '100%',
                    rembourrageHorizontal : 10
                }}
                overScrollMode="jamais"
               >



<p>Vue UI : <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>Vue attendue : </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>Voici le code après avoir supprimé la largeur du style contentContainer<br>
</p>

<pre class="brush:php;toolbar:false">importer React depuis 'react' ;
importer { FlatList, View, Text, StyleSheet, Dimensions } depuis 'react-native' ;

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

const YourComponent = ({ élément }) => (
  <Afficher>



<p>Pourquoi ça marche après avoir commenté la largeur :</p>

• La FlatList calcule dynamiquement la largeur du contenu en fonction de ses enfants.
• Aucun décalage de remplissage n'est ajouté, il n'y a donc aucun risque de calcul incorrect de la zone de défilement.
• En conséquence, le défilement horizontal fonctionne comme prévu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!