SKILL.NULL

ReactNative常见问题及处理

芯片：Apple M2

macOS: 13.3

react-native: 0.70.0

Xcode: 14.3.1

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

#### Mac IOS 常见问题

> boost 问题修复

将 /node_modules/react-native/third-party-podspecs/boost.podspec 中对应内容修改如下：

```shell

spec.source = { :http => 'https://sourceforge.net/projects/boost/files/boost/1.76.0/boost_1_76_0.tar.bz2',

:sha256 => 'f0397ba6e982c4450f27bf32a2a83292aba035b827a5623a14636ea583318c41' }

```

> We ran "xcodebuild" command but it exited with error code 65.

全局将 IPHONEOS_DEPLOYMENT_TARGET 的值替换成 12.4

> "RNSScreenStackHeaderConfig" was not found in the UIManager.

1、 "react-native-safe-area-context": "^3.4.1"

"react-native-screens": "3.25.0"

2、 cd ios & pod install

3、全局将 IPHONEOS_DEPLOYMENT_TARGET 的值替换成 12.4

2025-05-12by SKILLNULL ReactNative 阅读(39)评论(0)

根据.nvmrc自动切换项目所需node版本

vi ~/.bash_profile

插入一下内容

1

2

3

4

5

6

7

8

switch_node() {

local nvmrc_path="$(nvm_find_nvmrc)"

if [ -n "$nvmrc_path" ]; then

echo '根据.nvmrc切换node版本'

nvm use

fi

}

switch_node

souce ~/.bash_profile

再打开命令行就会根据.nvmrc切换node版本。

注意：要先安装nvm

2025-04-23by SKILLNULL NodeJS 阅读(93)评论(0)

‘value’ is unavailable: introduced in iOS 12.0

全局将IPHONEOS_DEPLOYMENT_TARGET 的值替换成 12.4

如果不行，试试 https://github.com/facebook/react-native/issues/34106

2025-04-23by SKILLNULL ReactNative 阅读(94)评论(0)

Command PhaseScriptExecution failed with a nonzero exit code

打开 ios/.xcode.env 文件

找到 export NODE_BINARY=$(command -v node)

更改为: export NODE_BINARY=your_node_path

[crayon-6827be4239ebb8004030[……]

2025-04-23by SKILLNULL ReactNative 阅读(104)评论(0)

echarts双Y轴，实现均分为包含刻度0的指定段数，同时对齐刻度

要实现强制分为指定段数，并且对齐刻度，需要用的配置分别为yAxis的max、min、interval

echarts5.3有个配置项alignTicks，在多个 y 轴为数值轴的时候，可以开启该配置项自动对齐刻度。只对 'value'和[cr[……]

2025-04-19by SKILLNULL 前端阅读(158)评论(0)

env(safe-area-inset-bottom) 兼容写法

先看下兼容性：

可以看到 @supports 兼容性很好，所以使用 @supports 做兼容是个不错的选择。

例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

@supports (padding-bottom: env(safe-area-inset-bottom)) or (padding-bottom: constant(safe-area-inset-bottom)) {

.your-dom {

padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */

padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */

}

@supports not (padding-bottom: env(safe-area-inset-bottom)) {

.you-dom {

padding-bottom: 20px; /* 根据实际情况设定兜底距离 */

}

@supports not (padding-bottom: constant(safe-area-inset-bottom)) {

.you-dom {

padding-bottom: 20px; /* 根据实际情况设定兜底距离 */

}

2025-03-12by SKILLNULL Browser Compatibility, HTML&CSS, 前端阅读(892)评论(0)

缩放实现0.5px

1

2

3

4

5

6

7

8

9

10

11

12

&::after {

content: "";

position: absolute;

top: -50%;

bottom: -50%;

left: -50%;

right: -50%;

border: 1px solid #e9e9e9;

border-radius: 2px;

-webkit-transform: scale(0.5);

transform: scale(0.5);

}

2025-01-02by SKILLNULL 其他阅读(779)评论(0)

禁止 IOS 橡皮筋效果

方法一：

首先，在拖动 div 时，判断当前容器 div 是否有滚动条，如果没有，则禁止整个 div 拖动，例：

1

2

3

4

5

6

const list_dom: any = document.querySelector(".list");

list_dom.addEventListener("touchmove",(ev) => {

if (list_dom.scrollHeight <= list_dom.clientHeight &&list_dom.offsetHeight <= list_dom.clientHeight) {

ev.preventDefault();

}

},{ passive: false });

注：上述方法仅适用于 div 内没有其他内容滚动情形！如果内层有其他[……]

2025-03-12by SKILLNULL 前端阅读(649)评论(0)

JS 拦截浏览器返回

1

2

3

4

5

history.pushState(null, null, document.URL)

window.addEventListener('popstate',() => {

history.pushState(null, null, document.URL)

// TODO somthing

},false)

注：需要先点击页面进行交互，方法方可生效

2024-12-12by SKILLNULL JavaScript 阅读(754)评论(0)

海康威视DS-IPC-E42H-IWPT监控画面竖线处理

升级包下载: https://pan.baidu.com/s/1TLG7m9BjUGPw4wMAoPYSdw?pwd=w4ih

提取码: w4ih

网页升级方法：

提醒：升级有风险，设备升级过程中请勿断电！设备固件升级后可能会出现参数恢复默认的情况。

操作步骤
步骤一：.固[……]

2024-12-10by SKILLNULL 其他阅读(977)评论(0)

2025年五月
一	二	三	四	五	六	日
« 4月
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31