美文网首页
一行的内容,让右边完全显示,左边自适应宽度显示

一行的内容,让右边完全显示,左边自适应宽度显示

作者: sunny635533 | 来源:发表于2020-07-07 14:47 被阅读0次

    横向显示,右边内容保证全部显示完,剩下的空间给左边内容显示。用flexShrink属性控制

    <View style={{flexDirection:'row',justifyContent: 'space-between'}}>

               <Text style={[styles.courseItemText, { flexShrink: 1 }]} numberOfLines={1}>报名截止:12345667888980000000000</Text>

               <Text>左边的内容显示完整</Text>

              </View>

    相关文章

      网友评论

          本文标题:一行的内容,让右边完全显示,左边自适应宽度显示

          本文链接:https://www.haomeiwen.com/subject/ubiaqktx.html