![](https://img-blog.csdnimg.cn/20200806092336139.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
React-Native
React-Native相关知识
愚公搬代码
《头衔》:华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,亚马逊技领云博主,51CTO博客专家等。
《近期荣誉》:2022年度博客之星TOP2,2023年度博客之星TOP2,2022年华为云十佳博主,2023年华为云十佳博主等。
《博客内容》:.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
展开
-
(精华)2020年8月10日 React-Native hook的使用
useState 使用也和react一样,其他也一样就不多举例import React, { Component, useState } from 'react';import { View, Text, StyleSheet, Button} from 'react-native';export default function Flex () { const [count, setCount] = useState(0) const addCount = () =>原创 2020-08-10 21:55:58 · 520158 阅读 · 1 评论 -
(精华)2020年8月10日 React-Native 组件的生命周期
组件的生命周期组件的生命周期一般分为这 4 个阶段:创建阶段、实例化阶段、运行(更新)阶段、销毁阶段。下面对各个阶段分别进行介绍。创建阶段:该阶段主要发生在创建组件类的时候,在这个阶段中会初始化组件的属性类型和默认属性。实例化阶段:该阶段主要发生在实例化组件类的时候,也就是该组件类被调用的时候触发。这个阶段会触发一系列的流程,按执行顺序如下:constructor:构造函数,这里主要对组件的一些状态进行初始化。componentWillMount:准备加载组件,可以在这里做一些业务初始化原创 2020-08-10 21:04:01 · 520150 阅读 · 1 评论 -
(精华)2020年8月10日 React-Native 布局与样式
RN布局与样式一款好的App离不开漂亮的布局,RN中的布局方式采用的是FlexBox(弹性布局)FlexBox提供了在不通尺寸设备上都能保持一致的布局方式宽和高尺寸是没有单位的运行在android上的时候 100dpiso 的时候 100pt字体会被解释成16sp像素无关和而不同 RN中FlexBox和Web Css上FlexBox工作方式是一样的,但有些地方还是有出入的 flexDirection: RN中默认是flexDirection:‘column’,Web原创 2020-08-10 20:56:56 · 519971 阅读 · 4 评论 -
(精华)2020年8月10日 React-Native 脚手架的基本使用
构建项目在相应的路径下执行命令行:react-native init 项目名 (名称不可使用连接符等特殊字符,命名可以参考APP应用名称 比如 FaceBook)react-native --v //查看版本react-native init demo --version 0.48.0//安装指定的版本react-native init demo --verbose --version 0.48.0 //verbose是初始化的时候显示安装详情的,安装什么模块以及进度npm view reac原创 2020-08-10 20:54:19 · 519690 阅读 · 0 评论 -
(精华)2020年8月10日 React-Native 环境搭建和基本介绍
环境搭建准备环境搭建React Native中文网开发工具前端开发软件:Visual Studio Code移动端开发软件:Xcode、Android Studio知识储备NodeJS React Es6,Es7React Native介绍React Naitve的简介:Facebook在React.js Conf2015大会上推出的一个用于开发Android和iOS App的一个框架,主要编程语言是JavaScript。它的出现使用即拥有Native的用户体验,又保留R原创 2020-08-10 20:44:19 · 520076 阅读 · 0 评论