20、React Native开发全解析：从基础到实践

React Native开发全解析：从基础到实践

1. React Native底层机制

1.1 图标处理

图标是界面可视化的重要组成部分。不同平台使用不同方法显示图标和其他矢量图形，React Native借助 react-native-vector-icons 等库实现统一处理。使用 react-native-svg ，还能将SVG渲染到React Native应用中。

1.2 错误处理

在开发Web应用时，处理错误相对容易，因为错误通常局限于JS范围内。而React Native应用由于包含原生组件，除JS环境外，原生组件也可能导致应用执行出错，且出错时应用会立即关闭，难以找出原因。

react-native-exception-handler 可用于处理原生错误和JS错误并提供反馈。使用步骤如下：
1. 安装并链接该模块。
2. 注册全局的JS和原生异常处理程序，示例代码如下：

import { setJSExceptionHandler, setNativeExceptionHandler }
  from "react-native-exception-handler";
setJSExceptionHandler((error, isFatal) => {
  // …
});
const exceptionhandler = (exceptionString) => {
  // your exception