react-native-col:React Native Flexbox变得简单

时间:2024-06-06 03:50:02
【文件属性】:

文件名称:react-native-col:React Native Flexbox变得简单

文件大小:349KB

文件格式:ZIP

更新时间:2024-06-06 03:50:02

react-native flexbox row column JavaScript

React本色 快速,简明的 Flexbox定位(+一致的间距)。 ┌─────────────┐ │ TL T TR │ │ │ │ L C R │ │ │ │ BL B BR │ └─────────────┘ 安装 $ yarn add react-native-col 基本用法 前 import { View } from 'react-native' ; < View xss=removed> ; 后 import { Row } from 'react-native-col' ; //


【文件预览】:
react-native-col-master
----.gitignore(613B)
----images()
--------col-bottom.png(36KB)
--------col-top-bottom.png(37KB)
--------row-top-right.png(37KB)
--------row-left-right-top.png(36KB)
--------row-center.png(36KB)
--------col-top.png(36KB)
--------row-right.png(37KB)
--------row-right-left-bottom.png(36KB)
--------col-bottom-left.png(36KB)
--------col-left-right-bottom.png(36KB)
--------row-top-bottom-right.png(35KB)
--------row-right-left-top.png(35KB)
--------col-right.png(36KB)
--------col-bottom-top-right.png(35KB)
--------row-top-bottom-left.png(36KB)
--------col-bottom-top.png(37KB)
--------col-top-right.png(37KB)
--------row-top-left.png(36KB)
--------col-top-bottom-right.png(36KB)
--------col-center.png(36KB)
--------row-left-right-bottom.png(36KB)
--------col-left.png(36KB)
--------row-bottom-left.png(36KB)
--------row-right-left.png(36KB)
--------row-left.png(36KB)
--------col-left-right-center.png(34KB)
--------col-bottom-top-left.png(36KB)
--------row-left-right.png(36KB)
--------row-bottom-right.png(37KB)
--------col-top-left.png(36KB)
--------col-top-bottom-left.png(36KB)
--------col-left-right-top.png(34KB)
--------row-top.png(37KB)
--------row-bottom.png(37KB)
--------row-top-bottom-center.png(36KB)
--------col-bottom-right.png(36KB)
----package.json(1KB)
----src()
--------dial.js(663B)
--------dial.test.js(3KB)
--------index.js(768B)
--------styles.js(2KB)
--------index.d.ts(758B)
----LICENSE(1KB)
----README.md(5KB)
----babel.config.js(204B)
----.prettierrc(151B)
----yarn.lock(309KB)

网友评论