react-native-easy-flex:来自React Native的简单Flex控件

时间:2024-04-17 00:59:50
【文件属性】:

文件名称:react-native-easy-flex:来自React Native的简单Flex控件

文件大小:409KB

文件格式:ZIP

更新时间:2024-04-17 00:59:50

TypeScript

@ farfarawaylabs / react-native-easy-flex React Native的布局组件 布局 也许我是唯一的一个,但是由于某种原因,我一直忘了哪个flex-box属性控制着我需要做的和什么事情来按照我想要的方式对齐。 UILabs布局组件可在此处尝试和提供帮助。 他们没有做任何花哨的事情,而只是为您提供了一种以更容易记住的术语描述用户界面对齐方式的方法。 每个Col,Row或Center组件都会转换为一个视图,您传递的任何道具都将传递到该视图。 您始终可以覆盖任何样式,也可以通过传入样式道具来添加自己的样式。 您可以在Row和Col组件上使用Size道具来控制flex size属性。 在示例演示应用程序中,您可以找到不同的演示,这些演示可以突出显示您可以创建的不同布局。 再说一遍-如果这些组件不能做的事情,您总是可以将它们与常规Views和flex-b


【文件预览】:
react-native-easy-flex-main
----tsconfig.build.json(57B)
----.gitattributes(71B)
----yarn.lock(426KB)
----src()
--------index.tsx(203B)
--------components()
--------__tests__()
----babel.config.js(77B)
----scripts()
--------bootstrap.js(682B)
----.circleci()
--------config.yml(2KB)
----CONTRIBUTING.md(8KB)
----example()
--------metro.config.js(1KB)
--------index.tsx(171B)
--------yarn.lock(191KB)
--------src()
--------babel.config.js(364B)
--------ios()
--------android()
--------app.json(91B)
--------package.json(576B)
----.yarnrc(115B)
----tsconfig.json(719B)
----LICENSE(1KB)
----README.md(6KB)
----.editorconfig(283B)
----.gitignore(580B)
----package.json(4KB)

网友评论