react-native-responsive-layout:实施响应式布局和网格的简便方法

时间:2024-05-22 13:56:32
【文件属性】:

文件名称:react-native-responsive-layout:实施响应式布局和网格的简便方法

文件大小:979KB

文件格式:ZIP

更新时间:2024-05-22 13:56:32

JavaScript

React本机响应式布局(RNRL) 通过引入Web开发中的概念,使构建响应式React Native用户界面更加容易的框架。 安装 此软件包仅与RN> = 0.52兼容,因为旧版本不支持基于百分比的宽度以及视图的正确prop类型。 要安装最新版本,只需运行: yarn add react-native-responsive-layout 或者,如果您更喜欢使用npm : npm install --save react-native-responsive-layout 动机 尽管React Native提供了一种构建复杂本机应用程序的更快方法,但是与Web开发相比,创建响应式RN UI的难度要大得多。 当基于百分比的宽度降落时,此困难有所缓解。 但是,响应式RN UI仍然需要使用许多条件渲染和特定于大小的替代。 RNRL继承了Web开发的优势,以简化本机开发。 RNRL可以指定


【文件预览】:
react-native-responsive-layout-master
----.circleci()
--------config.yml(535B)
----.gitignore(33B)
----README.md(12KB)
----.wallaby.js(328B)
----wrappers.js(33B)
----docs()
--------api()
--------images()
----examples()
--------withGridDimensions.js(2KB)
--------withSizeInfo.js(2KB)
--------tiles.js(2KB)
--------8-scrollable-grid.js(2KB)
--------2-hidden-elements.js(1022B)
--------3-shifting-elements.js(2KB)
--------1-responsive-elements.js(1KB)
--------6-horizontal-direction.js(1KB)
--------7-stretch-disabled.js(1KB)
--------4-fixed-size-elements.js(2KB)
--------9-nested-grid.js(857B)
--------7-stretch-enabled.js(1KB)
--------5-conditional-styling.js(1KB)
----.eslintrc(287B)
----package.json(1KB)
----src()
--------components()
--------utils()
--------index.js(86B)
--------wrappers()
--------shared()
----.babelrc(34B)
----index.js(34B)
----LICENSE.md(1KB)
----.watchmanconfig(3B)
----utils.js(54B)
----.npmignore(39B)
----.editorconfig(187B)
----package-lock.json(288KB)

网友评论