美文网首页
原生RN开发过程问题记录

原生RN开发过程问题记录

作者: 周末不敲键盘 | 来源:发表于2022-04-13 17:14 被阅读0次

1:安装依赖的之前,没有检查对应的node版本,在17版本下安装了依赖,在xcode启动的时候报错,如下:

# [Error message "error:0308010C:digital envelope routines::unsupported"]
解决方案:
- 切换node版本到16或者14(根据readMe去看对应的依赖或者问老开发对应的版本)
- 修改环境变量
  // Linux&Mac OS(windows git bash)
    export NODE_OPTIONS=--openssl-legacy-provider
  // Windows command prompt-
    set NODE_OPTIONS=--openssl-legacy-provider

附:Mac下修改环境变量流程

// 打开一个窗口光标移动到终端,command+ N代开一个新的窗口
command + N
// 在一个新窗口中建立多个终端窗口
command + T
// 查看当前变量值
 echo $PATH
// 查看.bash_profile文件
sudo vi ~/.bash_profile
// 点击i进行修改 然后:wq推出保存
//读取执行
source ~/.bash_profile
2.# react-native项目启动时报错:Module AppRegistry is not registered callable module (calling runApplication)
1.结束所有的node进程(Mac OS系统下可执行 killall -9 node)
2.npm start(或者在xcode启动app即可)
3.获取设备的高度和宽度
import { Dimensions } from “react-native”;
你可以用下面的方法来获取设备的宽高:
const windowWidth = Dimensions.get(“window”).width;
const windowHeight = Dimensions.get(“window”).height;
4.文本换行
flexWrap: wrap,
flex: 1,
5.Remove alpha channel in an image
Open the image
Command-Shift-S to Duplicate (creates a copy)
Command-S to Save
Deselect the "Alpha" checkbox
Delete " copy" from filename (including the space)
This will overwrite your original, if you want to keep the original, just leave "copy" in the name
Save
Click 'Replace' to confirm you want to overwrite the original
Only necessary if you are overwriting your original

相关文章

  • 原生RN开发过程问题记录

    1:安装依赖的之前,没有检查对应的node版本,在17版本下安装了依赖,在xcode启动的时候报错,如下: 解决方...

  • 混合开发:RN调用原生页面或View

    前言 RN和iOS混合开发的几种场景。 原生项目中,调用部分RN页面。 原生页面中,调用部分RN组件。 RN项目中...

  • 混合开发:原生调用RN页面或组件

    前言 RN和iOS混合开发的几种场景。 原生项目中,调用部分RN页面。 原生页面中,调用部分RN组件。 RN项目中...

  • React Native集成到现有的原生项目

    因为项目需求,在iOS原生项目中会嵌套几个RN界面,这就牵涉到了原生代码中嵌套RN代码的问题,至于集成步骤以及过程...

  • react-native源码阅读基础篇-NativeModule

    我们在使用rn开发的过程,有些需求可能需要封装原生模块,然后提供给js端使用。那么在rn中,Native端是怎么提...

  • React Native - 踩坑纪录

    记录下自己在 RN 开发中遇到的一些问题。 RN 组件相关 TextInput Android 文字对齐问题 当 ...

  • RN图片加载和原生统一

    RN图片加载和原生统一 针对RN和原生混合开发的项目,由于图片的加载RN有自己的一套机制,跟原生的是分开的,就存在...

  • RN 与 OC 交互

    RN 开发过程中,很多功能还是需要由原生来实现,比如支付、分享等,这就需要在 RN 中调用 OC 的方法,或者 O...

  • iOS - React-Native : 原生跳转RN/RN跳转

    React-Native开发经常遇到需要使用跳转原生界面或者要嵌入原生界面在RN界面中等等交互。此处记录一下自己的...

  • ReactNative 开发中问题解决小记

    原生开发的主项目中的某个模块,计划用RN来实现。由于首次集成RN到项目中,遇到诸多问题,故小记如下: 1、利用子模...

网友评论

      本文标题:原生RN开发过程问题记录

      本文链接:https://www.haomeiwen.com/subject/tmyasrtx.html