开发者社区 问答 正文

<Text> 组件没有自动换行 ,怎么才能让其自动换行

已解决

1 组件没有自动换行 ,怎么才能让其自动换行

展开
收起
千牛的牛 2017-03-02 18:22:36 5112 分享 版权
4 条回答
写回答
取消 提交回答
  • 采纳回答
    <View style={{backgroundColor:'blue',flexDirection:'column',flex:3}}>
             <Text style={{color:'#333333',lines:1,textOverflow:'ellipsis'}}>浙江省杭州市余杭区文一西路969号浙江省杭州市余杭区文一西路969号浙江省杭州市余杭区文一西路969号浙江省杭州市余杭区文一西路969号浙江省杭州市余杭区文一西路969号浙江省杭州市余杭区文一西路969号浙江省杭州市余杭区文一西路969号浙江省杭州市余杭区文一西路9号</Text>
    </View>

    Text外层 加个View 且 flexDirection 是column,
    Text 配合 ,lines:5,textOverflow:'ellipsis 2个属性一起使用

    2019-07-17 20:51:46
    赞同 1 展开评论
  • 忘了给 设定Flex了上面的View 也忘记定义 主要还是因为宽度的问题

    2019-07-17 20:51:46
    赞同 1 展开评论
  • 1.Text组件的父类flexDirection不能为row。试一下。可以看下最简单的例子:https://jsfiddle.net/zgxu64p1/

    2019-07-17 20:51:46
    赞同 1 展开评论
  • 多年前端交互设计经验,目前任职于阿里,定期更新前端文章,欢迎关注...

    这个是可以自动换行的,你可以qap init 一个project修改源码看看,如果不能换行,需要看你具体的使用才能定位问题

    2019-07-17 20:51:46
    赞同 1 展开评论
问答地址: