React Native知識点小まとめ
2764 ワード
1.JSON
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON JSON.parse()はJSON文字列を解析し、前の解析値とその属性を変えて解析の値を返します.
JSON.strigify()は、指定値のJSON文字列を返します.特定の属性または属性値のみをカスタマイズできます.
2.写真を変換して画像のuriを得る
import resoloveAsssetSource from'resource'var img=require('./qa.png')var source=reolveAssset Source(img)写真を取得する:
3.レイアウト-入力ボックスとボタンの接続
まず、私達のプラグインフォルダにpackage.jsonファイルを追加する必要があります.:{name]:“react-native-nc-gppumage”,“version”:“1.0.0”,“description”:“nc-gpumage”,“main”:“index.js”,“scripts”:“scriptno”:“Eclecect”:“Escscscscscscscscscscscscscecttttphphphphect”:“Eclect”:“Eclect”:“Eclect”:“Eclect”:“Eclectototototototetetetetetetetetetetetetetetee":「MIT」}続いて私達のプラグインのフォルダの中で田健の1つのindex.jsファイル、私達の必要とする関数をカプセル化して入ります:import{image FilterManager}from'NativeModules;mageSvc={addTextOnTransparntImage:function(text,magePath){return new Promise(function(reolve,reject){mageFilterManager.addTextOnTransparntImage(text,geimagePaPath,ePath,ePaPath,fudedededepath,fudededededededeggggggggggggtotototototototototototototototototototototototototototototototototototototototototototototototototomamamamamamamamamamamage,furadius){return new Promise(function(reolve,reject){imagFilterManager.addImageOnImage(aboff ImagePath,belowImagePath,from Left,from Top,radius,reject)}};export default imageSvc;ファイルの追加が完了したら、プロジェクトをクローズした後、npm installとnpm linkコマンドをそれぞれ実行する必要があります.nodemodulesファイルに私たちのプラグインがあるかどうかを確認します.使用方法:関数が必要なファイルの中で先にこのプラグインを参照してください.import imagemage Svc from'react-native-native-nativeの関数を選択します
5.TextInputキーボードの問題
この属性を追加します.keyboardShoul dPersistTaps={false}
このようにiOSでは、入力ボックスが開いたら、空白のところを手でクリックすると、キーボードが自動的に下がります.
6.オブジェクトの循環に対応する値を見つける
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON JSON.parse()はJSON文字列を解析し、前の解析値とその属性を変えて解析の値を返します.
JSON.strigify()は、指定値のJSON文字列を返します.特定の属性または属性値のみをカスタマイズできます.
2.写真を変換して画像のuriを得る
import resoloveAsssetSource from'resource'var img=require('./qa.png')var source=reolveAssset Source(img)写真を取得する:
3.レイアウト-入力ボックスとボタンの接続
this.setState({text})}
placeholder=" ..."
maxLength={10}
autoFocus={true}
returnKeyType="go"
clearButtonMode="always"/>
4.どのように私達自身のプラグインをnpm installとrnpm linkをサポートさせますか?まず、私達のプラグインフォルダにpackage.jsonファイルを追加する必要があります.:{name]:“react-native-nc-gppumage”,“version”:“1.0.0”,“description”:“nc-gpumage”,“main”:“index.js”,“scripts”:“scriptno”:“Eclecect”:“Escscscscscscscscscscscscscecttttphphphphect”:“Eclect”:“Eclect”:“Eclect”:“Eclect”:“Eclectototototototetetetetetetetetetetetetetetee":「MIT」}続いて私達のプラグインのフォルダの中で田健の1つのindex.jsファイル、私達の必要とする関数をカプセル化して入ります:import{image FilterManager}from'NativeModules;mageSvc={addTextOnTransparntImage:function(text,magePath){return new Promise(function(reolve,reject){mageFilterManager.addTextOnTransparntImage(text,geimagePaPath,ePath,ePaPath,fudedededepath,fudededededededeggggggggggggtotototototototototototototototototototototototototototototototototototototototototototototototototomamamamamamamamamamamage,furadius){return new Promise(function(reolve,reject){imagFilterManager.addImageOnImage(aboff ImagePath,belowImagePath,from Left,from Top,radius,reject)}};export default imageSvc;ファイルの追加が完了したら、プロジェクトをクローズした後、npm installとnpm linkコマンドをそれぞれ実行する必要があります.nodemodulesファイルに私たちのプラグインがあるかどうかを確認します.使用方法:関数が必要なファイルの中で先にこのプラグインを参照してください.import imagemage Svc from'react-native-native-nativeの関数を選択します
5.TextInputキーボードの問題
この属性を追加します.keyboardShoul dPersistTaps={false}
このようにiOSでは、入力ボックスが開いたら、空白のところを手でクリックすると、キーボードが自動的に下がります.
6.オブジェクトの循環に対応する値を見つける
var self = this;
Object.keys(self.downPayments).map(function(val,i){
if(val==self.state.payment){
}
})