文本

属性

属性名类型默认值说明
selectableBooleanfalse文本是否可选
spaceBooleanfalse显示连续空格
decodeBooleanfalse是否解码

各端支持度

属性微信小程序H5ReactNative百度小程序支付宝小程序字节跳动小程序
selectable✔✔✔✔✔✔
space✔✔✔
decode✔✔
示例：
  1. import Taro, { Component } from '@tarojs/taro'
  2. import { View, Text, Button } from '@tarojs/components'
  4. export default class PageView extends Component {
  5.   state = {
  6.     contents: [],
  7.     contentsLen: 0
  8.   }
  10.   add = () => {
  11.     this.setState(prev => {
  12.       const cot = prev.contents.slice()
  13.       cot.push({ text: 'hello world' })
  14.       return {
  15.         contents: cot,
  16.         contentsLen: cot.length
  17.       }
  18.     })
  19.   }
  21.   remove = () => {
  22.     this.setState(prev => {
  23.       const cot = prev.contents.slice()
  24.       cot.pop()
  25.       return {
  26.         contents: cot,
  27.         contentsLen: cot.length
  28.       }
  29.     })
  30.   }
  32.   render () {
  33.     return (
  34.       <View className='container'>
  35.         {this.state.contents.map((item, index) => (
  36.           <Text key={index}>{item.text}</Text>
  37.         ))}
  38.         <Button className='btn-max-w button_style' plain type='default' onClick={this.add}>add line</Button>
  39.         <Button className='btn-max-w button_style' plain type='default' disabled={this.state.contentsLen ? false : true} onClick={this.remove}>remove line</Button>
  40.       </View>
  41.     )
  42.   }
  43. }