RN 項目開發筆記

来源:https://www.cnblogs.com/barryLzy/archive/2022/06/30/16426585.html
-Advertisement-
Play Games

1. Text 的絕對居中 Android中顯示時會有預設的padding保留,導致垂直居中會有誤差 //不寫下麵兩個,Android系統上文字會偏下* includeFontPadding: false, textAlignVertical: "center", Text省略號顯示 <Text n ...


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)

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 前言:如題。直接上手擼,附帶各種截圖,就不做介紹了。 1、influxDB的官網下載地址 https://portal.influxdata.com/downloads/ 打開以後,如下圖所示,可以選擇版本號,以及平臺。此處咱們選擇windows平臺。不過此處沒有實際的可以下載的地方,著實比較過分, ...
  • 案例來源於 https://nightlies.apache.org/flink/flink-docs-release-1.14/docs/try-flink/datastream/ 案例背景 在當今數字時代,信用卡欺詐行為越來越被重視。 罪犯可以通過詐騙或者入侵安全級別較低系統來盜竊信用卡卡號。 ...
  • 2022年6月28日,HDD·HMS Core.Sparkle影音娛樂沙龍線上上與開發者們見面。HMS Core音頻編輯服務(Audio Editor Kit)專家為大家詳細分享了基於分離的3D音樂創作技術,引起了行業及音樂愛好者的關註。 音頻3D化是音頻發展的重要方向,但當前從源頭製作3D音頻成本 ...
  • 華為帳號是打開華為生態服務的一把鑰匙,只需一個華為帳號,即可在華為全場景設備上使用華為應用市場、華為音樂、華為雲空間、華為錢包等眾多優質的華為應用服務。同時,華為帳號綁定的所有會員權益、購買記錄、收藏/喜歡等數據,也會在不同設備間一鍵同步,輕鬆實現自由切換。 登錄華為帳號後,您可以在多台設備上,快捷 ...
  • Javascript趣味程式從需求到實現-體重測量器 Version 0.0.1 一、需求梳理 二、分析結果: 1、需要提供輸入身高、體重、以及選擇性別的HTML組件,如input、select 2、需要對信息進行驗證,專門的工具類完成這個職責如 “BmiUtils” 3、無效的信息需要提示 4、與 ...
  • 一、效果圖 二、實現邏輯 將需要動態添加的表單項項的綁定值存為一個數組 以迴圈的方式展示form表單 點擊`+`按鈕觸發事件,向數組中新加一個item 點擊`-`按鈕觸發事件,根據迴圈的得到的index來刪除數組中相對應位置的item 三、代碼實現 <template> <div> <el-butt ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 前言 JS是一門單線程語言,單線程就意味著,所有的任務需要排隊,前一個任務結束,才會執行下一個任務。這樣所導致的問題是:如果JS執行的時間過長,這樣就會造成頁面的渲染不連貫,導致頁面渲染載入阻塞的覺。為瞭解決這個問題,JS中出現了同步和異 ...
  • 一、效果圖 二、代碼實現 註:需要安裝依賴 pnpm i sortablejs -S <template> <div style="padding: 15px"> <h3 style="text-align: left; padding: 10px; background: #ccc"> vue+e ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...