Дочерний макет ScrollView (["alignItems"]) должен применяться через свойство contentContainerStyle. ⇐ IOS

[Anonymous]

Следуя руководству по React Native с использованием Tailwind (v 3.4.13) для создания клона Instagram. Приведенный ниже код создает дочерний макет ScrollView (["alignItems"]), который необходимо применить через ошибку contentContainerStyle prop, когда я открываю Expo на своем телефоне и iPad.

Код: Выделить всё

import { FlatList } from 'react-native';
import posts from '~/assets/data/posts.json';
import PostListItem from '~/src/components/PostListItem';

export default function FeedScreen() {
return (
 
}
contentContainerStyle={{ gap: 10, maxWidth: 512, width: '100%' }}
showsVerticalScrollIndicator={false}
/>
);
}

Однако, судя по видео, у программиста, создавшего руководство, не возникает проблем при компиляции того же кода. Репозиторий в этом месте видео связан здесь.
PostListItem выглядит так:

Код: Выделить всё

import { View, Image, Text } from 'react-native';
import { Ionicons, Feather, AntDesign } from '@expo/vector-icons';

export default function PostListItem({ post }) {
return (

{/* Header */}


{post.user.username}



{/* Icons */}








);
}

При использовании следующего кода элементы не центрировались:

Код: Выделить всё

 
}
contentContainerStyle={{
gap: 10,
maxWidth: 512,
width: '100%',
alignItems: 'center'
}}
showsVerticalScrollIndicator={false}
/>

Заранее спасибо!


Подробнее здесь: https://stackoverflow.com/questions/790 ... ontentcont