Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
描述: Text 用于显示文本,在 web 中实际上是一个 span 标签而非 p 标签。
$ npm install rax-text --save
import Text from 'rax-text';
注: 1、支持列表中的 代表h5 代表weex 代表小程序
属性 | 类型 | 默认值 | ** 必填 ** | 描述 | ** 支持 ** |
---|---|---|---|---|---|
numberOfLines | number | 1 | false | 行数 | |
selectable | boolean | false | false | 是否可选 | |
space | string | false | 以何种方式显示连续空格 | ||
decode | boolean | false | 是否解码。为 true 时表示对文本内容进行解码,可解析的 HTML 实体字符有: < > & ' |
import {createElement, render, Component} from 'rax';
import DU from 'driver-universal';
import View from 'rax-view';
import Text from 'rax-text';
const styles = {
root: {
width: 750,
paddingTop: 20,
},
container: {
padding: 20,
borderStyle: 'solid',
borderColor: '#dddddd',
borderWidth: 1,
marginLeft: 20,
marginRight: 20,
marginBottom: 10,
},
textBlock: {
fontWeight: '500',
color: 'blue',
},
logBox: {
padding: 20,
margin: 10,
borderWidth: 1,
borderColor: '#f0f0f0',
backgroundColor: '#f9f9f9',
},
};
class App extends Component {
render() {
return (
<View style={styles.root}>
<View style={{
...styles.container, ...{
flexDirection: 'row',
justifyContent: 'flex-start',
}
}}>
<Text>text</Text>
<Text style={{
color: '#ff4200'
}}>Mixing</Text>
</View>
<View style={styles.container}>
<Text numberOfLines={1} style={{
width: 300,
textOverflow: 'ellipsis',
}}>Single line of text exceeds truncated text</Text>
<Text numberOfLines={2} style={{
width: 300,
textOverflow: 'ellipsis',
}}>
Multi-line text exceeds truncated text, exceeds truncated text, exceeds truncated text, exceeds truncated text</Text>
</View>
<View style={styles.container}>
<Text style={{textDecoration: 'underline'}}>
Text underline
</Text>
<Text style={{textDecorationLine: 'none'}}>
no Underlined
</Text>
<Text style={{textDecoration: 'line-through'}}>
Text strikethrough
</Text>
</View>
<View style={styles.container}>
<Text style={{lineHeight: '120rpx'}}>
Line height 120rpx, multi-line text text folding effect Multi-line text text folding effect
</Text>
</View>
</View>
);
}
}
render(<App/>, document.body, {driver: DU});
FAQs
Text component for Rax.
The npm package rax-text receives a total of 281 weekly downloads. As such, rax-text popularity was classified as not popular.
We found that rax-text demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.