前言 学习总结使用，博客如中有错误的地方，请指正。改系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。一、配置侧边栏组件 我们已经将将路由搭建好了，在浏览器中输入不同的url路径，能访问到不同的页面。接下来，我们要将管理后台的页面布局呈现出来。
转载
2024-03-25 16:49:17
353阅读
FlexBox提供了在不同尺寸设备上都能保持一致的布局方式。FlexBox是CSS3弹性框布局规范，目前还处于最终征求意见稿 (Last Cal...
原创
2022-07-13 23:06:39
223阅读
React Native 布局 在React Native中采用的是FlexBox （弹性框）进行布局的，FlexBox 提供了在不
原创
2022-05-30 12:03:48
148阅读
1 环境配置React技术栈：React + Redux + Dva + UI库React开发采用的架构是：Webpack + CMD（import/export）+ ES6 + babel-loader + ReactAPI文档：https://facebook.github.io/react/docs/hello-world.html 现在开始配置一个基础项目。 创建项目文
宽度单位和像素密度 react的宽度不支持百分比，设置宽度时不需要带单位 {width: 10}， 那么10代表的具体宽度是多少呢？
原创
2022-04-06 11:51:25
493阅读
React Native flex布局 -弹性布局
原创
2022-01-05 10:44:44
259阅读
import React from 'react';import { StyleSheet, Text, View,} from 'react-native';const App=()=>{ retur
原创
2022-06-06 18:18:18
95阅读
前言 现在稍微大型的站点都会采用H5/PC端 并行，通过nignx获取浏览器的UA信息来切换站点。 但这对于一些企业站点或人手不足的小型项目来说，就很难实现。 通过CSS媒体查询实现响应式布局，是主流方式。 但是，有时在React程序中，需要根据屏幕大小有条件地渲染不同的组件（写媒体查询太麻烦了，还 ...
转载
2021-09-06 22:21:00
1803阅读
2评论
而在React Native中，有4个容器属性，2个项目属性，分别是： 容器属性：flexDirection flexWrap justifyContent alignItems 项目属性(子元素属性)：flex alignSelf flex-direction属性 flex-direction属性
转载
2018-07-29 22:52:00
256阅读
2评论
一、基本概念React antd是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。使用地址
原创
2023-07-10 10:22:55
130阅读
一、基本样式（1）内联样式 在组件里面定义样式<Text style={{color:'orange', fontSize:20}}> 小字号内联样式</Text>
原创
2023-04-27 14:17:11
210阅读
Flexbox 译为弹性布局（这里我们简称 Flex），是CSS的一种布局方案，可以简单、完整杂的布局，因此，学习 Flex 布...
原创
2022-03-16 12:20:40
117阅读
React Native 使用 Flexbox 为核心布局系统。以下列出了常用的 布局相关属性，包括 所有支持的值列表，适用于多数情况。一、flexDirection设置主轴方向可选值：'row'：子组件按照横向排列'column'：子组件按照纵向排列 (默认)'row-reverse'：横向逆序'column-reverse'：纵向逆序二、justifyContent控制 主轴上 子组件的对齐方
md={4} 代表每行显示4个卡片g-2 代表卡片间的间距import React, { useState, useEffect } from 'react';import { Container, Row, C
原创
2022-06-30 18:00:25
354阅读
重复代码是混乱的根源！，本篇文章我们来继续消灭重复代码。 目标 细心的同学应该能发现：每一个Page组件（/src/pages下的组件）的render方法都拥有相似的jsx结构，比如： 每一个页面都包含一个页面的标题（header标签和h1标签），并且页面的主要部分都被放在了一个main标签中。 现
转载
2018-03-09 23:38:00
80阅读
2评论
一 flexbox布局 1 flex布局 flexbox是ReactNative 应用开发中必不可少的内容，也是最常用的内容。 传统的页面布局是基于盒子模型，依赖定位属性，流动属性和显示属性来解决。对于一些伸缩性的布局，处理起来很是麻烦。于是在2009年，W3C组织提出来一种新的布局方案，既flex
原创
2021-06-04 16:44:07
726阅读
md={4} 代表每行显示4个卡片 g-2 代表卡片间的间距 import React, { useState, useEffect } from 'react'; import { Container, Row, Col, Stack, Form, Button, Alert, ToggleBut
原创
2024-04-28 14:07:10
72阅读
官方为我们提供的Tab控制器有两种：TabBarIOS，仅适用于IOS平台ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab） 如果我们需要一个更通用的Tab控制器，那么就要借助开源的力量，本篇文章教你如何使用react-native-scrollable-tab-view，这是官方Demo的效果
demo.gif
转载
2024-02-02 22:19:52
93阅读
