Question

我正在尝试为宽度为（100％）的视图内的Text设置最小宽度，不幸的是，Text占据了整个宽度而不是minWidth，我的代码如下：

<View style={{width:'100%',height:'50%'}}>
     <Text style={{minWidth:30,borderWidth:1}}>Hello</Text>
</View>

如果我将View的样式更改为（flex：1）可以正常工作，但是我确实需要设置宽度和高度。

Answer 1

我不确定您希望看到什么，默认情况下，“视图”内容将占据所有视图宽度（如显示块）您可以将flexDirection:'row'和flexWrap:'wrap'设置到容器中，以使过去的视图看起来像display: inline，并且如果您不希望文本包含所有内容，可以用另一个<View>包裹文本的视图高度。

  <View style={{width:'100%',height:'50%', flexDirection:'row', flexWrap:'wrap'}}>
    <View>
      <Text style={{minWidth:30, borderWidth:1}}>Hello</Text>
    </View>
  </View>

反应本机minWidth问题

1 个答案: