react-native 保姆级基础教程

前言 从零开始学习React Native开发，使用函数式组件的写法。 项目创建 环境搭建 首先，你需要在电脑上安装好Node.js和npm。然后，使用npm安装React Native的命令行工具：

Flexbox 弹性布局 container （容器） 采用Flex布局的元素，称为Flex容器（flex container），简称“容器”。 item（项目） 容器所有子元素，成为 Flex项目（

app.js 入口文件 还是老样子的引入模版，对接好自己的路径 响应式布局的 导入 import {Text, View, ScrollView, StyleSheet, Dimensions} fr

简介 React Native 中的核心组件，是对原生组件的封装 原生组件：Android 或者 iOS 内的租金啊 核心组件：react native 中最常用的组件 核心组件 基础组件 交互控件

导入 button + alert import {Text, View, StyleSheet, Alert, Button} from 'react-native' 添加alert属性 在这里 a

导入import Index from './demo_05_switch/index.js' 最常见的 隐藏 状态栏 <StatusBar hidden={true} /> 声明构造函数 toggl

安卓端 和 iOS端 所展示的样式也是不同的 导入组件 import {Text, View, ScrollView, StyleSheet, ActivityIndicator} from 'rea

Image 组件 作用：加载图片 加载方式： 本地路径 图片的URL地址 图片的Base64字符串 导入 组件 import {Text, View, ScrollView, StyleSheet,

什么是touchable组件 touchable Highlight 触碰后，高亮显示 Touchable Opacity 触碰后，透明度降低（模糊显示） Touchable Without Feed

因为 section list 是对数据展示的优化组件。我们需要数据，为了节省时间，直接从官网上CV过来 示例模版 官网地址 然后接下来我们可以看到这个数据常量，以后我们的数据也按照这个格式或者在这个

🤔🤔🤔 跟 sectionlist 一样，都是用来展示数据的组件（通过列表）。但是跟 sectionlist 的区别在于 flatlist 是不支持分组的。 高性能的简单列表组件，支持下面这些常用的功

🤔 我们的组件必须要经过处理才可以生成动画 React Native 中，有四个组件是可以直接使用的动画组件 Animated.View Animated.Text Animated.ScrollVi