У меня было несколько проблем с этой карточкой React Native Paper, мне нужно выровнять титр по вертикали, но justifyContent
в значительной степени игнорируется. Вот карта , над которой я работал.
const UnitCard = (props) => {
return (
<Card style={styles.card}>
<Card.Content style={styles.cardContent}>
<Title>UNIT CARD</Title>
<Headline>Mt</Headline>
</Card.Content>
</Card>
);
};
А это таблица стилей, я уже пробовал использовать как justifyContent
, так и allignItems
, как предлагалось здесь
const styles = StyleSheet.create({
card: {
backgroundColor: "skyblue",
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
flex: 1,
},
cardContent: {
backgroundColor: "coral",
display: "flex",
flexDirection: "row"
},
});
Вот скриншот моего устройства
