❶ react native app.js是什麼文件
以前是 index.android.js 和 index.ios.js 文件 現在改成了 index.js 和 app.js 了 app.js就是一個普通的JS 文件 只不過他是導入到index.js 文件裡面的 index.js 是入口文件
❷ react native android 怎麼封裝工具類
一、生成簽名文件(類似於Android的簽名文件)
1、命令行到你的工程目錄下
2、在命令行中輸入如下代碼
[javascript] view plain
keytool -genkey -v -keystore SuperBigLw-key.keystore -alias SuperBigLw-key-alias -keyalg RSA -keysize 2048 -validity 10000
這里的第一個SuperBigLw就是文件的名字,第二個是別名。
10000是有效時間,2048是RSA加密的大小
❸ react native中文網站文檔代碼示例打不開,老是顯示下面的圖片,這要怎麼搞
您好,對於你的遇到的問題,我很高興能為你提供幫助,我之前也遇到過喲,以下是我的個人看法,希望能幫助到你,若有錯誤,還望見諒!。展開全部
一、網路設置的問題
這種原因比較多出現在需要手動指定IP、網關、DNS伺服器聯網方式下,及使用代理伺服器上網的。仔細檢查計算機的網路設置。
二、DNS伺服器的問題
當IE無法瀏覽網頁時,可先嘗試用IP地址來訪問,如果可以訪問,那麼應該是DNS的問題,造成DNS的問題可能是連網時獲取DNS出錯或DNS伺服器本身問題,這時你可以手動指定DNS服務(地址可以是你當地ISP提供的DNS伺服器地址,也可以用其它地方可正常使用DNS伺服器地址。)在網路的屬性里進行,(控制面板—網路和拔號連接—本地連接—右鍵屬性—TCP/IP協議—屬性—使用下面的DNS伺服器地址)。不同的ISP有不同的DNS地址。有時候則是路由器或網卡的問題,無法與ISP的DNS服務連接,這種情況的話,可把路由器關一會再開,或者重新設置路由器。
還有一種可能,是本地DNS緩存出現了問題。為了提高網站訪問速度,系統會自動將已經訪問過並獲取IP地址的網站存入本地的DNS緩存里,一旦再對這個網站進行訪問,則不再通過DNS伺服器而直接從本地DNS緩存取出該網站的IP地址進行訪問。所以,如果本地DNS緩存出現了問題,會導致網站無法訪問。可以在「運行」中執行ipconfig/flushdns來重建本地DNS緩存。
三、IE瀏覽器本身的問題
當IE瀏覽器本身出現故障時,自然會影響到瀏覽了;或者IE被惡意修改破壞也會導致無法瀏覽網頁。這時可以嘗試用「金山毒霸安全助手」來修復。
四、網路防火牆的問題
如果網路防火牆設置不當,如安全等級過高、不小心把IE放進了阻止訪問列表、錯誤的防火牆策略等,可嘗試檢查策略、降低防火牆安全等級或直接關掉試試是否恢復正常。
五、網路協議和網卡驅動的問題
IE無法瀏覽,有可能是網路協議(特別是TCP/IP協議)或網卡驅動損壞導致,可嘗試重新網卡驅動和網路協議。
六、HOSTS文件的問題
HOSTS文件被修改,也會導致瀏覽的不正常,解決方法當然是清空HOSTS文件里的內容。
七、系統文件的問題
當與IE有關的系統文件被更換或損壞時,會影響到IE正常的使用,這時可使用SFC命令修復一下,WIN98系統可在「運行」中執行SFC,然後執行掃描;WIN2000/XP/2003則在「運行」中執行sfc/scannow嘗試修復。
其中當只有IE無法瀏覽網頁,而QQ可以上時,則往往由於winsock.dll、wsock32.dll或wsock.vxd(VXD只在WIN9X系統下存在)等文件損壞或丟失造成,Winsock是構成TCP/IP協議的重要組成部分,一般要重裝TCP/IP協議。但xp開始集成TCP/IP協議,所以不能像98那樣簡單卸載後重裝,可以使用netsh命令重置TCP/IP協議,使其恢復到初次安裝操作系統時的狀態。具體操作如下:
點擊「開始運行」,在運行對話框中輸入「CMD」命令,彈出命令提示符窗口,接著輸入「netshintipresetc:resetlog.txt」命令後會回車即可,其中「resetlog.txt」文件是用來記錄命令執行結果的日誌文件,該參數選項必須指定,這里指定的日誌文件的完整路徑是「c:resetlog.txt」。執行此命令後的結果與刪除並重新安裝TCP/IP協議的效果相同。
小提示:netsh命令是一個基於命令行的腳本編寫工具,你可以使用此命令配置和監視Windows系統,此外它還提供了互動式網路外殼程序介面,netsh命令的使用格式請參看幫助文件(在令提示符窗口中輸入「netsh/?」即可)。
第二個解決方法是修復以上文件,WIN9X使用SFC重新提取以上文件,WIN2000/XP/2003使用sfc/scannow命令修復文件,當用sfc/scannow無法修復時,可試試網上發布的專門針對這個問題的修復工具WinSockFix。
八、ApplicationManagement服務的問題
出現只能上QQ不能開網頁的情況,重新啟動後就好了。不過就算重新啟動,開7到8個網頁後又不能開網頁了,只能上QQ。有時電信往往會讓你禁用ApplicationManagement服務,就能解決了。具體原因不明。
九、感染了病毒所致
這種情況往往表現在打開IE時,在IE界面的左下框里提示:正在打開網頁,但老半天沒響應。在任務管理器里查看進程,(進入方法,把滑鼠放在任務欄上,按右鍵—任務管理器—進程)看看CPU的佔用率如何,如果是100%,可以肯定,是感染了病毒,這時你想運行其他程序簡直就是受罪。這就要查查是哪個進程貪婪地佔用了CPU資源.找到後,最好把名稱記錄下來,然後點擊結束,如果不能結束,則要啟動到安全模式下把該東東刪除,還要進入注冊表裡,(方法:開始—運行,輸入regedit)在注冊表對話框里,點編輯—查找,輸入那個程序名,找到後,點滑鼠右鍵刪除,然後再進行幾次的搜索,往往能徹底刪除干凈。
十、還有一種現象也需特別留意:就是能打開網站的首頁,但不能打開二級鏈接,如果是這樣,處理的方法是重新注冊如下的DLL文件:
在開始—運行里輸入:
regsvr32Shdocvw.dll
regsvr32Shell32.dll(注意這個命令,先不用輸)
regsvr32Oleaut32.dll
regsvr32Actxprxy.dll
regsvr32Mshtml.dll
regsvr32Urlmon.dll
regsvr32Msjava.dll
regsvr32Browseui.dll
注意:每輸入一條,按回車。第二個命令可以先不用輸,輸完這些命令後重新啟動windows,如果發現無效,再重新輸入一遍,這次輸入第二個命令非常感謝您的耐心觀看,如有幫助請採納,祝生活愉快!謝謝!
❹ react native 開發的Android APP能混淆加密嗎
不... 能...
react native is only for mac os x...
所以你就知道大多數的facebook碼農們都是用的什麼電腦來寫程序了...
❺ react-native 是怎麼實現原生代碼的
index.android.js是ReactNative的入口文件,後綴Android表示是在Android平台使用的代碼。ReactNative內置了babel,所以可以使用最新的JavaScript語法來開發(ECMAScript6簡稱es6),不熟悉es6的同學可以看看阮一峰寫的這本[e6入門教程](ECMAScript 6入門)。這里我簡單介紹一下require,Android程序員可以把require對應到Java的import,使用來導入一個JavaScript模塊的。`
var {ToastAndroid} = React`這種寫法叫結構賦值,就是從React這個對象中,提取出ToastAndroid這個屬性所對應的值,並賦值給ToastAndroid這個變數。可以看出toast模塊就是從react-native這個模塊中的ToastAndroid屬性,js中的Toast模塊API和Android中的JavaAPI基本是保持一致的。
❻ Reactnative生成jks文件
Reactnative可以生成jks文件。
開源的跨平台移動應用開發框架,是Facebook早先開源的UI框架React在原生移動應用平台的衍生產物,目前支持iOS和安卓兩大平台。
jks功能相同但文件格式不同,pfx是瀏覽器用的,可以用一些工具程序把pfx轉化成jks格式供java程序使用。
❼ 如何構建 react native 工程 ios
React Native 結合了 Web 應用和 Native 應用的優勢,可以使用 JavaScript 來開發
iOS 和 Android 原生應用。在 JavaScript 中用 React 抽象操作系統原生的 UI 組件,代替 DOM 元素來渲染等。
React Native 使你能夠使用基於 JavaScript 和 React
一致的開發體驗在本地平台上構建世界一流的應用程序體驗。React Native
把重點放在所有開發人員關心的平台的開發效率上——開發者只需學習一種語言就能輕易為任何平台高效地編寫代碼。Facebook
在多個應用程序產品中使用了 React Native,並將繼續為 React Native 投資。
其好處顯而易見:減少了人力、節省了時間、避免了 iOS 與 Android 版本發布的時間差,開發新功能可以更迅速。
下面,我們可以嘗試用React Native創建一個 iOS APP.
在我們開始之前,我建議:你可以在 Github
里先下載 React Native 的代碼框架。裡面還有一些示例項目,2048 的游戲, Movies(一個看電影的
APP),SampleApp, TicTacToe (一款游戲)和 UIExplorer(能顯示出所有用 React Native
替代的控制項,如ListView,TabBar,MapView, Slider)),對於學慣用如何用 React Native 創建
UI,這些都是非常好的例子,尤其是 UIExplorer APP,它幾乎用到了每一個您的 APP 中需要創建的 UI 控制項。
首先,我們先來安裝相應的工具。React native 是使用 Node.js 來 創建 JavaScript 代碼。如果你已經在你電腦上安裝上了這些工具,你可以跳過下面這幾步。
推薦使用 Homebrew的方式來安裝 nvm,watchman 和 flow。
在Mac下,如果用homebrew,那麼只用一行就可以裝好:
brew install node
接下來安裝watchman
brew install watchman
watchman是Facebook的一個文件觀察者。React Native 用它來檢測代碼的變化.
接下來安裝 npm
npm install -g react-native-cli
nmp 是 node的一個三方管理工具,相當於 Ruby中的RubyGems,iOS中的 CocoaPods,Java中的 Gradle/Maven,基本上,它使您能夠輕松下載和管理你的項目需要的任何依賴庫。
在終端,找到你希望保存的項目文件,然後運行下面的文件夾。
react-native init BookSearch
以上使用 CLI 工具來構建一個 Native 項目,是准備建立並運行原樣。當這個過程完成後,你就會在終端窗口中打開 Xcode
的BookSearch.xcodeproj
並運行應用程序像往常一樣。做到這一點,模擬器將啟動您的應用程序的運行。一個終端窗口也將打開。當一個Native應用程序啟動時,它載入從以下網址
JavaScript 的應用程序。
❽ react-native 手機需要開啟哪些設置
修改URL地址:打開項目目錄下的AppDelegate.m文件,
修改裡面的URL,把localhost改為你的電腦的IP。在Mac系統下,你可以在系統設置/網路里找到電腦的IP地址。
選擇設備:把手機插上數據線,連接到你的電腦,這時候就可以在調試設備里,看到你自己的設備。
點擊當前選中的模擬設備即可展示所有設備,如下圖,然後選中你的真機
解決賬號問題:點擊逗Build and Run地,卻出現如下提示:
Failed to code sign 逗2048地.
No
provisioning profiles with a valid signing identity (i.e. certificate
and private key pair) matching the bundle identifier 逗com.facebook.8048地
were found.
Xcode can attempt to fix this issue. This will reset
your code signing and provisioning settings to recommended values and
resolve issues with signing identities and provisioning profiles.
沒有提供一個合法的證書看xcode還是很人性化的,直接有個按鈕Fix Issue,點擊它,然後提示輸入賬號密碼:
選擇choose
ok,看起來問題已經fix了,再次點擊run,先看到逗Build Succeded地,激動,成功了!
然後過又出來一個提示,這又是什麼鬼!
Could not launch 逗2048地
process lanch failed: Security
導出證書:google了一番,後來發現是因為沒有導入證書,打開Xcode-preferences-Accounts,可以看到這里有自己的Apple ID, 其實前面逗Fix issue地乾的事情,就是在這里添加了自己的私人賬號。
選中自己的賬號,然後點擊逗Export Developer Accounts地
輸入證書的密碼,記下來,待會兒會用到。
ok,導出成功了
導入證書:在桌面找到導出的文件
雙擊打開,提示輸入密碼, 密碼就是前面你輸入的密碼
提示導入成功,看起來可以了!
再次點擊run,WTF,怎麼還是這個提示
設備信任證書:原來導入證書之後,還需要在手機里點擊信任,打開設置-通用-描述文件與設備管理
選擇開發商應用里你自己的賬號,點擊信任
再點擊run,終於在真機上跑起來了
❾ 如何編譯ReactNative示常式序Examples
編譯示常式序需要將整個項目導入到androidStudio中,androidStudio導入項目時選擇react-native/ReactAndroid目錄。
由於項目依賴ndk因此如果要編譯Examples還需要安裝配置ndk目錄,下載ndk後是一個自解壓程序,會釋放ndk的目錄。
然後需要設置環境變數或者在react-native根目錄下新建local.properties文件,文件內容如下:
sdk.dir=c:\你的sdk目錄
ndk.dir=c:\你的ndk目錄
設置要之後就可以編譯了,導入和編譯的過程比較曲折,請繼續看下文。
在編譯AwesomeProject項目時,沒有用到ndk,實際上這里的ndk默認情況下並沒有用到,只是gradle的設置里有ndk因此必須配置ndk才能導入項目。
ndk是在編譯核心庫是才用到,核心庫位於react-native/ReactAndroid,導入整個項目時以lib形式存在。查看Examples目錄下UIExplorer,會發現在build.gradle是以在線的方式導入核心庫的。通過源碼的方式導入被注釋掉了。
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile 'com.android.support:appcompat-v7:23.0.1'
// Depend on pre-built React Nativecompile 'com.facebook.react:react-native:0.11.+'
// Depend on React Native source.
// This is useful for testing your changes when working on React Native.
// compile project(':ReactAndroid')
}
由此可知,編譯UIExplorer並不需要ndk,如果你不想設置ndk,有2個辦法
1.拷貝AwesomeProject項目中的build.gradle,settings.gradle到UIExplorer的android目錄,在導入項目時選擇UIExplorer/android就可以了,這樣androidStudio會導入單個項目,否則會導入整個項目。
2.用androidStudio新建一個同名的項目,然後把UIExplorer目錄中的文件拷貝到新建的項目中。
編譯好之後啟動伺服器端,到react-native目錄下執行:
npm install
node packager\packager.js
windows下如果出現錯誤需要根據錯誤提示修改代碼http://www.cnblogs.com/zhaojietec/p/4853273.html
不過需要注意的是,目前為止,UIExplorer在Android下有一個bug,IOS下沒有問題,通過google可以找到了解決辦法。https://github.com/facebook/react-native/issues/2855
原因是,js代碼和android原生代碼不同步,通過build.gradle可以看到android下的引用的reactNative核心庫為11,而js代碼版本已經更新到12了。
解決的辦法有2個,一個是使用git工具(如smartGit),將js代碼恢復到之前的版本,另一個辦法是重新編譯reactNative的核心庫,編譯核心庫需要ndk,在mac下沒有問題,在windows編譯會出錯。編譯reactNative核心庫,對UIExplorer下注釋掉的依賴項進行修改即可,編譯速度較慢 需要在線下載第三方依賴庫。
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile 'com.android.support:appcompat-v7:23.0.1'
// Depend on pre-built React Native//compile 'com.facebook.react:react-native:0.11.+'
// Depend on React Native source.
// This is useful for testing your changes when working on React Native.
compile project(':ReactAndroid')
}
由於windows下無法編譯,所以這里提供編譯好的aar文件,修改UIExplorer build.gradle中的依賴項就可以了。至於如何引入aar文件,可以自行搜索。當然mac下同樣也可以用這個aar,可以省去不少麻煩。
❿ 如何使用react native
1. 安裝react-native-camera 進入項目的根目錄,即package.json的目錄。打開終端,使用npm安裝最新版本,如果沒有錯誤,則說明安裝成功: npm install react-native-camera@latest --save 安裝成功後,就可以在項目的node_moles目錄下看到