开发者社区> 问答> 正文

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

已解决

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

展开
收起
千牛的牛 2017-03-02 18:22:36 5021 0
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 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载