React-Native でのキーボード オクルージョンの問題を解決するにはどうすればよいですか?
Jul 16, 2017 pm 03:26 PM
開発中に入力が必要な場面によく遭遇します。RN さんが教えてくれた TextInput は使いやすいですが、殘念ながらオクルージョンの問題には対応していません。
キーボードがポップアップして編集ボックスがブロックされることが多く、頭痛の種になります。
私はもともと js.coach ライブラリでサードパーティのプラグインを探したかったのですが、私が見た中で最適なものは React-native-keyboard-spacer でした。しかし、まだ 1 つ足りないことがあります。それは、キーボードの高さ。
これも長い間チェックしましたが、見つかりませんでした。そのため、キーボードの高さを取得するために獨自のネイティブ モジュールを作成する必要がありました。
ネイティブ iOS でのキーボードの高さの取得については多くは言いませんが、RN に基づいて作成したコードとネイティブ モジュールを直接貼り付けます。ブログでもそのように書かれていましたが、最初は RCT_REMAP_METHOD で高さを取得しようと考えましたが、殘念ながら、最初にキーボードがポップアップしたときは、ポップアップ後の高さが 0 のままだったので、追加しました。 listen 関數(shù) heightChanged の記録値と変更後の値が一致しない場合は、listening 関數(shù)を呼び出してその値を JS 側(cè)に渡します。このようにして、JS 側(cè)は変更を検出した後、対応する変更を加えることができます。
さて、ネイティブ モジュールはカプセル化されています。次に、これも古いトピックですが、コードを直接貼り付けてください。ここで高さに達しました。次のステップは簡単です。足し算と引き算の問題です。
畫面上の入力ボックスの位置を取得し、それをキーボードの高さと比較する必要があります。onLayout を通じて入力ボックスの位置を取得します。コンポーネントとページを追加する必要はありません。先ほどと同様に、祖父コンポーネントを記録するためにグローバルを追加しました (主にページ全體を上に移動するため)。次のステップでは、アニメーション
を追加します。あまり突然にしないでください。
以上です。次にスクリーンショットを撮って効果を確認します。アニメーションはありますが、ダイナミックな寫真は作成できません
以上がReact-Native でのキーボード オクルージョンの問題を解決するにはどうすればよいですか?の詳細內(nèi)容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
Valve、Counter-Strike 2 での新しいキーボード機能 Razer Snap Tap と Wooting Snappy Tappy を禁止
Aug 20, 2024 pm 09:46 PM
Razer は最近、Huntsman V3 Pro キーボードに完璧なカウンター掃射を?qū)g現(xiàn)する Snap Tap 機能を?qū)毪贰ooting はコミュニティのリクエストに Snappy Tappy (舊 SOCD) で応えました。これらのハードウェアベースのキーボード機能により、調(diào)整が容易になります。
クラスタリングアルゴリズムにおけるクラスタリング効果評価問題
Oct 10, 2023 pm 01:12 PM
クラスタリング アルゴリズムのクラスタリング効果評価問題には、特定のコード例が必要です クラスタリングは、データをクラスタリングすることによって、類似したサンプルを 1 つのカテゴリにグループ化する教師なし學習手法です。クラスタリングアルゴリズムでは、クラスタリングの効果をどのように評価するかが重要な問題となります。この記事では、一般的に使用されるいくつかのクラスタリング効果評価指標を紹介し、対応するコード例を示します。 1. クラスタリング効果評価指標 シルエット係數(shù) シルエット係數(shù)は、サンプルの近さや他のクラスタとの分離度を計算することでクラスタリング効果を評価します。
iPhone の一般的な問題を診斷する方法を教えます
Dec 03, 2023 am 08:15 AM
強力なパフォーマンスと多彩な機能で知られる iPhone は、複雑な電子機器によく見られる、時折起こる問題や技術的な困難を免れません。 iPhone の問題が発生するとイライラすることもありますが、通常は警報を発する必要はありません。この包括的なガイドでは、iPhone の使用に関連して最も一般的に遭遇する課題のいくつかをわかりやすく説明することを目的としています。當社の段階的なアプローチは、これらの一般的な問題の解決に役立つように設計されており、機器を最高の動作狀態(tài)に戻すための実用的な解決策とトラブルシューティングのヒントを提供します。不具合やより複雑な問題に直面している場合でも、この記事はそれらを効果的に解決するのに役立ちます。一般的なトラブルシューティングのヒント 具體的なトラブルシューティング手順を詳しく説明する前に、役立つ情報をいくつか紹介します。
Rulong 8 ワインマスター試験の問題は何ですか?
Feb 02, 2024 am 10:18 AM
Yulong 8 ワインマスター試験にはどのような問題がありますか?対応する答えは何でしょうか?試験に早く合格するにはどうすればよいですか?マスター オブ ワイン試験の活動では、回答しなければならない質(zhì)問がたくさんあり、その回答を參照して解決することができます。これらの質(zhì)問にはすべてワインの知識が含まれます。參考が必要な場合は、龍が如く 8 ワインマスター試験問題の解答の詳細な分析を見てみましょう。 Rulong 8 ワインマスター試験の問題の答えを詳しく解説 1.「ワイン」に関する質(zhì)問。ハワイで大量に栽培されているサトウキビの糖分を原料に醸造され、王室御用達の蒸留所で造られる蒸留酒です。このワインの名前は何ですか? 答え: ラム酒 2.「ワイン」についての質(zhì)問です。寫真は乾燥高麗人參と乾燥ベルモットをブレンドしたドリンクです。オリーブが入っているのが特徴で「コックニー」と呼ばれています。
Windows 10 で Steam をダウンロードできない場合はどうすればよいですか?
Jul 07, 2023 pm 01:37 PM
Steam は高品質(zhì)のゲームが數(shù)多くある非常に人気のあるゲーム プラットフォームですが、一部の Win10 ユーザーが Steam をダウンロードできないと報告しています。何が起こっているのでしょうか?ユーザーの IPv4 サーバー アドレスが正しく設定されていない可能性があります。この問題を解決するには、Steam を互換モードでインストールし、DNS サーバーを手動で 114.114.114.114 に変更すると、後でダウンロードできるようになります。 Win10 で Steam をダウンロードできない場合の対処法: Win10 では、互換モードでインストールを試みることができます。更新後、互換モードをオフにする必要があります。オフにしないと、Web ページが読み込まれません。プログラム インストールのプロパティをクリックして、互換モードでプログラムを?qū)g行します。再起動してメモリと電力を増やす
C++ コードで発生する「エラー: クラス 'ClassName' の再定義」問題を解決する
Aug 25, 2023 pm 06:01 PM
C++ コードの「error:redefiningofclass'ClassName'」問題を解決する C++ プログラミングでは、さまざまなコンパイル エラーが頻繁に発生します。よくあるエラーの 1 つは、「error:redefiningofclass 'ClassName'」 (クラス 'ClassName' の再定義エラー) です。このエラーは通常、同じクラスが複數(shù)回定義されている場合に発生します。この記事では、
jQueryがform要素の値を取得できない問題の解決方法
Feb 19, 2024 pm 02:01 PM
jQuery.val() が使用できない問題を解決するには、具體的なコード例が必要です フロントエンド開発者にとって、jQuery の使用は一般的な操作の 1 つです。その中でも、.val() メソッドを使用してフォーム要素の値を取得または設定する操作は、非常に一般的な操作です。ただし、特定のケースでは、.val() メソッドを使用できないという問題が発生する可能性があります。この記事では、いくつかの一般的な狀況と解決策を紹介し、具體的なコード例を示します。問題の説明 jQuery を使用してフロントエンド ページを開発する場合、時々次のような問題が発生します。
PHP エラーの解決: 親クラスの継承時に問題が発生しました
Aug 17, 2023 pm 01:33 PM
PHP エラーの解決: 親クラスの継承時に発生する問題 PHP では、継承はオブジェクト指向プログラミングの重要な機能です。継承により、元のコードを変更することなく、既存のコードを再利用し、拡張および改善できます。継承は開発で広く使用されていますが、親クラスから継承するときにエラーの問題が発生することがあります。この記事では、親クラスから継承するときに発生する一般的な問題の解決に焦點を當て、対応するコード例を示します。質(zhì)問 1: 親クラスが見つかりません。親クラスの継承処理中に、システムが親クラスを見つからない場合、
