Реагируйте нативные сжимания, чтобы соответствовать контенту при центре ⇐ CSS

[Anonymous]

У меня есть нативный представление React , который я хотел бы пройти, но не превышать определенную ширину. Внутри этого представления у меня есть текст элемент, который я хотел бы заполнить полную ширину его родителя. Похоже, это:

Однако, однако, Если я установлю родительское представление для центрального выравнивания с Alignself: 'Center' представление будет сокращаться, чтобы соответствовать тексту внутри текста View, например:

Почему изменение выравнивания представления < /code> привести к изменению размера, и как я могу это предотвратить? Здесь "src =" https://i.sstatic.net/jz6qj.png "/>
Полный код для копирования этого сценария:

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

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';

export default function App() {
return (


Text


);
}

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
backgroundColor: '#ecf0f1',
padding: 8,
},
box: {
backgroundColor: 'red',
height: 50,
maxWidth:200,
alignSelf: 'center'  // 

Подробнее здесь: [url]https://stackoverflow.com/questions/64119977/react-native-view-shrinks-to-fit-content-when-centered[/url]