RN溢出显示省略号代码

js 复制代码
import React from 'react'
import { View, Text, StyleSheet } from 'react-native'

const App = () => {
  return (
    // 可以在父标签加宽度限制
    <View style={styles.container}>
      {/* 也可以自己给宽度限制,简单来说就是只要给text限制宽度就行,没宽度就参考父标签宽度 */}
      <Text style={{ width: 300 }} numberOfLines={1} ellipsizeMode="tail">
        这是一段可能会溢出的文本,设置了显示省略号。
      </Text>
    </View>
  )
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    // width: 300,
    justifyContent: 'center',
    alignItems: 'center',
  },
})

export default App
相关推荐
醉方休14 分钟前
React 官方推荐使用 Vite
前端·react.js·前端框架
Dontla19 分钟前
React惰性初始化函数(Lazy Initializer)(首次渲染时执行一次,只执行一次,应对昂贵初始化逻辑)(传入一个函数、传入函数)
前端·javascript·react.js
lypzcgf28 分钟前
FastbuildAI新建套餐-前端代码分析
前端·智能体平台·ai应用平台·agent平台·fastbuildai
南囝coding41 分钟前
Claude Code 插件系统来了
前端·后端·程序员
摇滚侠1 小时前
Spring Boot 3零基础教程,WEB 开发 默认的自动配置,笔记25
前端·spring boot·笔记
Cherry Zack1 小时前
Vue Router 路由管理完全指南:从入门到精通前言
前端·javascript·vue.js
亮子AI2 小时前
【npm】npm install 产生软件包冲突怎么办?(详细步骤)
前端·npm·node.js
汪汪大队u2 小时前
为什么 filter-policy 仅对 ASBR 的出方向生效,且即使在该生效场景下,被过滤的路由在协议内部(如协议数据库)依然存在,没有被彻底移除?
服务器·前端·网络
慧一居士2 小时前
vue.config.js 文件功能介绍,使用说明,对应完整示例演示
前端·vue.js
颜酱2 小时前
用导游的例子来理解 Visitor 模式,实现AST 转换
前端·javascript·算法