RN 项目开发笔记

  • RN 项目开发笔记已关闭评论
  • 23 次浏览
  • A+
所属分类:Web前端
摘要

Android中显示时会有默认的padding保留,导致垂直居中会有误差字体文件放在assets/fonts/


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)