React Style 是 React.js 可维护的样式组件。使用 React Native StyleSheet.create一样的样式。
完全使用 JavaScript 定义样式:
12
3
4
5
6
7
var
StyleSheet = require(
‘react-style‘
)
var
styles = StyleSheet.create({
foo: {
color:
‘red‘
,
backgroundColor:
‘white‘
}
})
样式 React 组件:
12
3
4
5
6
7
8
9
10
var
React = require(
‘react‘
)
class HelloWorld extends React.Component{
render() {
var
dynamicStyles = {color:
this
.props.color}
return
<div styles={[styles.foo, dynamicStyles]}>Hello, world!</div>
}
}
时间: 2024-10-26 15:00:06