Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Web / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序
Text 用于显示文本,在 web 中实际上是一个 span 标签而非 p 标签。
$ npm install rax-text --save
属性 | 类型 | 默认值 | 必填 | 描述 | 支持 |
---|---|---|---|---|---|
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
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.