安装 yarn add react-native-elements react-native-vector-icons 使用图标的配置 编辑 android/app/build.gradle project.ext.vectoricons = [ iconFontNames: [ 'MaterialIcon…
react-navigation 安装 yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view @reac…
安装 yarn add mobx@5 mobx-react@5 -Syarn add @babel/cli @babel/plugin-proposal-class-properties @babel/plugin-proposal-decorators @babel/plugin-proposal-object-rest-spread @babe…
规范 默认容器是 Flex 布局Css 没有继承作用Css 单位没有 px / vh / vw ; 可以会使用 '%';Css 属性均为大驼峰命名法获取屏幕宽度 Dimensions import {Dimensions} from "react-navite"const width = Dimensions.get("window").width…
上面介绍 Redux 的时候被up主形容为xiang, 而 react-redux 在一定程度上简化了 redux 的操作, 优化了用户体验，但不过是xiang上添花，本质还是xiang，后来官方对 react-redux 的功能又做了进一步的改进，推出的 react Hook 可以进完全替代 react-redux 的功能，还是推荐想用函数开发的…
安装 yarn add mobx -S 基本使用 mobx 主要用到两个模块 observable (观察者) 、autorun（订阅者） 创建 mobx / store.js 用来存放需要观察的数据 import {observable} from "mobx"const sotre = observable({ nam…
安装 yarn add mobx@5 mobx-react@5 -S 使用 创建 mobx / store.js 用于存放状态数据 import {observable,action} from "mobx"class Store { @observable number = 0; // 观察对象 …
安装 yarn add http-proxy-middleware -S 配置 在 src 目录中创建 setupProxy.js 文件 , 用法和 vue 中的代理一样 const { createProxyMiddleware } = require("http-proxy-middleware");module.exports = func…
起步 yarn create @umijs/umi-app// ornpx @umijs/create-umi-app umi 约定式路由 umi 提供了约定式理由写法即创建文件自动转化为路由 在 src / pages 中创建文件 umi 会自动转换为页面的路由, 默认为 index.tsx 为首; 默认 404.tsx 为报错页面 路由嵌套 如…
以 windows 系统为例 变换主题颜色浏览器页面会根据主题自动切换相应的颜色 话不多说进入正文 CSS解决方案 css 解决方案需要借助 css3的新特性 prefers-color-scheme 返回 no-preference ( 未知 ) \ light ( 浅色 ) \ dark ( 深色 ) 代码 <!DOCTYPE html&…