수평 목록 수평 모든 항목은 Android가 아닌 iOS에서 완벽하게 표시됩니다. ContentContainerStyle

여기에 코드가 있습니다

 <플랫리스트
                수평={isHorizontal}
                콘텐츠컨테이너스타일={{
                    // 너비: isHorizontal ? 274 : '100%',
                    패딩가로:10
                }}
                overScrollMode="사용 안함"
               >



<p>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>예상 전경 : </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를 가져옵니다.
import { FlatList, View, Text, StyleSheet, Dimensions } from 'react-native';

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

const YourComponent = ({ 항목 }) => (
  <보기>



<p>댓글 폭 이후에 작동하는 이유:</p>

• FlatList는 하위 항목을 기준으로 콘텐츠의 너비를 동적으로 계산합니다.
• 패딩 오프셋이 추가되지 않아 스크롤 가능 영역 계산이 잘못될 위험이 없습니다.
• 결과적으로 가로 스크롤이 예상대로 작동합니다.

위 내용은 수평 목록 수평 모든 항목은 Android가 아닌 iOS에서 완벽하게 표시됩니다. ContentContainerStyle의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!