React Flexbox
made with
React
简介及使用教程
React Flexbox是一个React的使用内联样式实现 CSS flexbox的插件,是以内联样式进行响应,使用ES6编写的,需要将ES6转换为ES5的编译器。
安装
Npm
npm i react-flexbox
Yarn
yarn add react-flexbox
浏览器
<script src="https://unpkg.com/react-flexbox/dist/react-flexbox.js"></scrip>
const View = ReactFlexbox.default
使用
引入
const View = require('react-flexbox')
// or
import View from 'react-flexbox'
HTML
<View row>
<View auto row>
<View column width="100px"><View className="red">Left</View></View>
<View column width="100px"><View className="red">Left</View></View>
</View>
<View row className="green">All the place in the world</View>
</View>
作者
Thomas Coopman
@tcoopman相关项目