Javascript 反应本机-父视图以包装子视图_Javascript_Reactjs_React Native_Flexbox

Javascript 反应本机-父视图以包装子视图

javascript reactjs react-native

Javascript 反应本机-父视图以包装子视图,javascript,reactjs,react-native,flexbox,Javascript,Reactjs,React Native,Flexbox,我有一个视图，里面有文本。该组件如下所示： MyComponent==>{ 回来我的文字 ; } 常量样式={ 视图样式：{ 背景颜色：“006699”，身高：40，为内容辩护：“中心”，对齐项目：“居中”， }, 文本样式：{ 颜色：“000000”，尺寸：16， } } 当这个组件被使用时，我希望我的视图有一个自定义的宽度，这样它就可以包装我的文本。以下是视觉线索：这是关于原始设计的您可以通过将flexDirection:“行”添加到其父视图，使其自动拉伸到与宽度相关的位置我

我有一个视图，里面有文本。该组件如下所示：

MyComponent==>{ 回来我的文字 ; } 常量样式={ 视图样式：{ 背景颜色：“006699”，身高：40，为内容辩护：“中心”，对齐项目：“居中”， }, 文本样式：{ 颜色：“000000”，尺寸：16， } } 当这个组件被使用时，我希望我的视图有一个自定义的宽度，这样它就可以包装我的文本。以下是视觉线索：

这是关于原始设计的

您可以通过将flexDirection:“行”添加到其父视图，使其自动拉伸到与宽度相关的位置

我的文字或者直接给它加宽