jimmylv / demo.rax-weex-app Goto Github PK

在 facebook/css-layout 中所支持的属性， Rax 都支持。 它们最后都会被 Rax 的样式转换器转换为内联的样式。

推荐使用不加单位的写法：

<View style={styles.container}>
  <Text>hello world</Text>
</View>

const styles = {
  container: {
    background: 'grey',
    width: 375
  }
};

1 个单位的大小为屏幕宽度的 1/750，这样做的好处是当你拿到一份 750px 宽的视觉稿，你再也不需要去做人工换算。

"熟悉 React 的同学一定对 JSX 不陌生，Rax 的 DSL 语法是基于 React JSX 语法而创造。与 React 不同，在 Rax 中 JSX 是必选的，它不支持通过其它方式创建组件，所以学习 JSX 是使用 Rax 的必要基础。"
-https://diigo.com/09i2u7

import { createElement, Component } from 'rax'

rather than

import React, { Component } from 'react'

Something really fun!