いくつかのエラープロンプトと反応し、ネイティブの学習の概要

キーボード上の問題をブロックします:

参照WindowSoftInputModeのAndroidの値は、一般的な意思決定、複数の値を持つことができ、中に現れます。

  1. adjustPan:あなたのコンテンツを取得しようとしませんが、キーボードの入力ボックスを遮断され、
  2. adjustResize:自動的にあなたのコンテンツをブロックしませ調整し、しかし、あなたのコンテンツが変形されます。押し出されました。
    今度は、内部のコンテンツに覆い隠されることはありませんKeyboardAvoidingView公式シールドコンポーネントを使用するために、キーボードを調整することができます。これは、公式のソリューションです

記事をフェッチ

通常、私たちが直接、直接の形で提出されたウェブ上にある、何が行われている、我々はなく、同じ、私たちのネットワークが通じフェッチ要求RN何の多くの詳細を学んだ、彼は次のような構造はしている
)(FORMDATA =新しいいるFormDataを聞かせていません;
formData.append( "名前"、 "ADMIN");
formData.append( "パスワード"、 "admin123")。

FETCH(URL、{
法: 'POST'は、
ヘッダー:{}、
身体:FORMDATA、
。})を((応答)=> {
IF(response.ok){
戻りresponse.json();
}
})を。 ((JSON)=> {
アラート(JSON.stringify(JSON));
})キャッチ((エラー)=> {。
console.error(エラー);
});
そう、あなたならばそれはまだ非常に簡単ですが、それではありません私は、公式ドキュメントを取得するために行かなかったので、あなたは間違っている、見て(PS:私は、英語で理解していない)、我々はそれを直接説明し、後身頃パラメータの増加がFORMDATAで見ることができ、当社のウェブサイト上のフォームフォームFORMDATAを提出する際に体の値が自動的に変換されますが、それは、フェッチしませんので、ここで我々は新しいダイレクトFORMDATAオブジェクトを持って、その後、リクエストボディのボディに。

それがフォーカスを失ったように、入力ボックスを空白にして達成クリックします(多くの場合、ログインおよび登録のページで使用したり、他のページがフォームを送信する必要があります)

主に以下をクリックしたときにフォーカスを失う、最も外側のtouchableOpacityにクリックイベントを追加し、入力REFを追加するために、参照することにより達成達成するための簡単なコードです:

export default class createCollection extends Component {

    async click() {
        this.refs.input1.blur();
        this.refs.input2.blur();
    }
    render() {
        return (
            <View style={style.body}>
                <TouchableOpacity
                    activeOpacity={1}
                    onPress={() => {
                        this.click();
                    }}
                    style={style.touchalbe}
                >
                <View style={
                            style.content
                        }>
                    <Fumi
                        ref={'input1'}
                        label={'Item Name'}
                        iconClass={Icon}
                        iconName={'subtitles'}
                        iconColor={'#f95a25'}
                        iconSize={20}
                        iconWidth={40}
                    />
                    <Fumi
                        ref={'input2'}
                        label={'Item Kind'}
                        iconClass={Icon}
                        iconName={'textsms'}
                        iconColor={'#f95a25'}
                        iconSize={20}
                        iconWidth={40}
                        
                    />
                </View>
                </TouchableOpacity>
            </View>

        )
    }
}

私は上記のパッケージは、(素敵なサードパーティのライブラリーからの反応-ネイティブのTextInput-効果と呼ばれる)入力ボックスふみを持っていた、それは通常の入力で使用します。主にそれを実現するためのロジックを見て、これは非常に簡単です。PS:インポートハを所有する必要がある場合、私は、中にインポートを書いていません

反応ネイティブ要素の場合、Android上問題のヘッダ内のビット

具体的な表示のタイトルバーが非常に高い固有のソリューション(ステータスバーのサイズも入るので):

<Header
                    statusBarProps={{ translucent: true, backgroundColor: 'transparent' }}
                />

良いことができ、このプロパティを追加し、特定の意味は、ステータスバーを非表示にすることです。

おすすめ

転載: blog.csdn.net/qq_41742092/article/details/95507832