キーボード上の問題をブロックします:
参照WindowSoftInputModeのAndroidの値は、一般的な意思決定、複数の値を持つことができ、中に現れます。
- adjustPan:あなたのコンテンツを取得しようとしませんが、キーボードの入力ボックスを遮断され、
- 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' }}
/>
良いことができ、このプロパティを追加し、特定の意味は、ステータスバーを非表示にすることです。