[React-Native]常用组件

（1）引用本地图片
React Native提供了一种统一的方式来管理iOS和Android应用中的图片。 要向应用程序添加静态图片，请将其放在源代码树中的某个位置，并引用它，如下所示：

以与解析JS模块相同的方式解析映像名称。 在上面的示例中，打包程序将在与需要它的组件相同的文件夹中查找my-icon.png。 此外，如果您有my-icon.ios.png和my-icon.android.png，打包程序将为平台选择正确的文件。

您还可以使用@ 2x和@ 3x后缀为不同的屏幕密度提供图像。 如果您具有以下文件结构：

import React, { Component } from react;

import { AppRegistry, Text, StyleSheet } from react-native;

class TextInANest extends Component {

 constructor(props) {

 super(props);

 this.state = {

 titleText: "Birds Nest",

 bodyText: This is not really a bird nest.

 render() {

 return (

 Text \n}{\n}

 /Text 

 Text numberOfLines={5} 

 {this.state.bodyText}

 /Text 

 /Text 

const styles = StyleSheet.create({

 baseText: {

 fontFamily: Cochin,

 titleText: {

 fontSize: 20,

 fontWeight: bold,

// App registration and rendering

AppRegistry.registerComponent(HelloWorld, () = TextInANest);

构建UI的最基本的组件，View是一个容器，支持使用flexbox，样式，一些触摸处理和辅助功能控件的布局。 无论UIView，div，android.view等，直接查看映射到本地视图等效于任何平台上的React Native正在运行。视图被设计为嵌套在其他视图中，并且可以有0到许多任何类型的孩子。

示例：

小白的学习笔记 —— React环境构建 & 常用语法 我是小白，一名励志 ( bei sheng huo bi zhe) 走向全栈工程师的小同学，心情美美哒。今天，我又开始了我的学习路程，今天开始的这一章节，是前端——作为一个严重强迫症患者本人最不愿意触碰的领域 o(╥﹏╥)o 。
【Message 全局提示】基于 React 实现 Message 组件 使用 ReactDOM.createRoot、React.forwardRef、React.useImperativeHandle 实现 Message 组件。使用 Web Crypto API 生成符合密码学要求的安全的随机 ID。
蓬莱仙羽 麦子学院讲师，游戏蛮牛专栏作家，CSDN博客专家，热爱游戏开发，热爱Coding!