文件名称:react-native-responsive-ui:在 React Native 中构建响应式 UI
文件大小:187KB
文件格式:ZIP
更新时间:2024-08-24 18:44:45
React Native 响应式 UI 在 React Native 中构建响应式 UI。 可以通过expo 获得一个示例。 安装 npm install react-native-responsive-ui --save 用法 MediaQuery组件仅在查询计算结果为 true 时呈现其子项(请参阅下面的属性列表)。 该组件监听窗口尺寸的变化。 在下面的示例中,如果窗口的高度最小为450dp并且设备方向处于纵向模式(高度大于宽度),我们将渲染Logo组件。 媒体查询 // @flow import React , { Component } from "react" ; import { View } from "react-native" ; import { MediaQuery } from "react-native-responsive-ui" ; export def
【文件预览】:
react-native-responsive-ui-master
----.gitignore(599B)
----.eslintrc(277B)
----package.json(3KB)
----src()
--------useStylesheet.ts(1005B)
--------MediaQuery.tsx(2KB)
--------ResponsiveComponent.tsx(721B)
--------__tests__()
--------index.ts(296B)
--------useDimensions.ts(577B)
----CONTRIBUTING.md(9KB)
----LICENSE(1KB)
----tsconfig.json(707B)
----scripts()
--------bootstrap.js(682B)
----README.md(5KB)
----example()
--------package.json(780B)
--------src()
--------webpack.config.js(812B)
--------metro.config.js(1KB)
--------index.js(319B)
--------babel.config.js(494B)
--------app.json(488B)
----tsconfig.build.json(57B)
----babel.config.js(77B)
----.circleci()
--------config.yml(2KB)
----.gitattributes(71B)
----.yarnrc(115B)
----.husky()
--------.gitignore(2B)
--------pre-commit(71B)
--------commit-msg(78B)
----yarn.lock(433KB)