React-Native
关注
分享
扫一扫
React-Native相关知识
愚公搬代码
《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。
《近期荣誉》：2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主，2024年华为云十佳博主等。
《博客内容》：.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 · 520201 阅读 · 1 评论 -
(精华)2020年8月10日 React-Native 组件的生命周期
组件的生命周期 组件的生命周期一般分为这 4 个阶段：创建阶段、实例化阶段、运行（更新）阶段、销毁阶段。下面对各个阶段分别进行介绍。 创建阶段：该阶段主要发生在创建组件类的时候，在这个阶段中会初始化组件的属性类型和默认属性。 实例化阶段：该阶段主要发生在实例化组件类的时候，也就是该组件类被调用的时候触发。这个阶段会触发一系列的流程，按执行顺序如下： constructor：构造函数，这里主要对组件的一些状态进行初始化。 componentWillMount：准备加载组件，可以在这里做一些业务初始化原创 2020-08-10 21:04:01 · 520202 阅读 · 1 评论 -
(精华)2020年8月10日 React-Native 布局与样式
RN布局与样式 一款好的App离不开漂亮的布局，RN中的布局方式采用的是FlexBox(弹性布局) FlexBox提供了在不通尺寸设备上都能保持一致的布局方式 宽和高 尺寸是没有单位的 运行在android上的时候 100dp iso 的时候 100pt 字体会被解释成16sp 像素无关 和而不同 RN中FlexBox和Web Css上FlexBox工作方式是一样的，但有些地方还是有出入的 flexDirection: RN中默认是flexDirection:‘column’,Web原创 2020-08-10 20:56:56 · 520012 阅读 · 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 · 519753 阅读 · 0 评论 -
(精华)2020年8月10日 React-Native 环境搭建和基本介绍
环境搭建准备 环境搭建 React Native中文网 开发工具 前端开发软件：Visual Studio Code 移动端开发软件：Xcode、Android Studio 知识储备 NodeJS React Es6,Es7 React Native介绍 React Naitve的简介：Facebook在React.js Conf2015大会上推出的一个用于开发Android和iOS App的一个框架，主要编程语言是JavaScript。它的出现使用即拥有Native的用户体验，又保留R原创 2020-08-10 20:44:19 · 520118 阅读 · 0 评论