RN 项目开发笔记

最新推荐文章于 2022-11-25 17:24:09 发布

淡墨青花

最新推荐文章于 2022-11-25 17:24:09 发布

阅读量179

点赞数

分类专栏： react-native 文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/chidaihuashi/article/details/125538905

版权

react-native 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1. Text 的绝对居中

Android中显示时会有默认的padding保留，导致垂直居中会有误差

//不写下面两个，Android系统上文字会偏下* 
includeFontPadding: false,
textAlignVertical: "center",

Text省略号显示

<Text numberOfLines={2} ellipsizeMode={'tail'} >文字文字文字文字文字文字</Text>

2. 使用第三方字体

字体文件放在assets/fonts/

// 项目根目录控制台输入
react-native link

```
fontFamily: *****
```

3. 适配大小

设计稿元素宽度（px） / 设计稿总宽度（px） = 元素的宽度（dp） / 屏幕的总宽度（dp）

4. 配置绝对路径

文件名不支持下划线

npm install babel-plugin-module-resolver

babel.config.js中添加如下代码

plugins: [
    [
      "babel-plugin-module-resolver",
      {
        root: ['./'], // 从哪个文件开始设置绝对路径
        alias: {
          '@/assets': './assets',
          '@/components': './components',
          "@/pages": './pages',
          "@/utils": './utils',
          "@/reducers": './reducers',
        },
      },
    ]
  ]

tsconfig.json中添加配置

"baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
"paths": {
    "@/img/*": ["img/*"],
    "@/components/*": ["components/*"],
    "@/pages/*": ["pages/*"],
    "@/reducers/*": ["reducers/*"],
    "@/utils/*": ["utils/*"],
},

5. 关闭控制台警告

//关闭全部黄色警告  在product环境默认是关闭的
import { LogBox } from 'react-native';
LogBox.ignoreAllLogs(true)

6. 接口调试

mock的接口必须在开始DeBug模式下才能生效否则会报错

7. 阴影兼容

shadowColor: "#000",
shadowOffset: {
    width: 0,
    height: 2
},
shadowOpacity: 0.25,
shadowRadius: 3.84,
elevation: 5,

8. input点击空白处自动收起

将input放在ScrollView内

9. 蓝牙组件Android

// AndroidManifest.xml
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION " />

10. Android

READ CALENDAR     阅读日历
WRITE CALENDAR    写日历
CAMERA             相机
READ CONTACTS       阅读联系人
WRITE CONTACTS 
GET ACCOUNTS
ACCESS FINE LOCATION
ACCESS COARSE LOCATION
ACCESS BACKGROUND LOCATION
RECORD AUDIO
READ PHONE STATE
CALL PHONE
READ CALL LOG
WRITE CALL LOG
ADD VOICEMAIL
USE SIP
PROCESS OUTGOING CALLS
BODY SENSORS
SEND SMS
RECEIVE SMS
READ SMS
RECEIVE WAP PUSH
RECEIVE MMS
READ EXTERNAL STORAGE
WRITE EXTERNAL STORAG
BLUETOOTH CONNECT:
BLUETOOTH SCAN
BLUETOOTH ADVERTISE
ACCESS MEDIA LOCATION
ACCEPT HANDOVER
ACTIVITY RECOGNITION:
ANSWER PHONE CALLS: 
READ PHONE NUMBERS: 
UWB RANGING

Android真机调试

// D键
adb shell input keyevent 82

1、手机和PC在同一网段的情况下
      把手机usb和连接线和电脑端连接起来，输入下面命令
     1）、adb tcpip 5555
     2)  、adb shell ifconfig 查看手机网络IP
     3）、在电脑上ping 手机网络ip
     4)  、 adb connect  ip (Android 设备ip)