[解決済み】react nativeでボタンを無効化する。
2022-04-14 09:14:54
質問
react nativeを使ってandroidアプリを作っているのですが、TouchableOpacityコンポーネントを使ってボタンを作りました。
ユーザーからテキストを受け取るためにテキスト入力コンポーネントを使用し、ボタンは以下のようにします。
のみが有効です。
テキスト入力が特定の文字列に一致したら
最初にTouchableOpactiyラッパーなしでボタンをレンダリングし、入力文字列が一致したらラッパーで再レンダリングする方法を考えることができます。
でも、もっといい方法があるんじゃないかと思うんです。どなたか教えてください。
解決方法は?
TouchableOpacity
エクステント
TouchableWithoutFeedback
を使用すればよいので
disabled
プロパティを使用します。
<TouchableOpacity disabled={true}>
<Text>I'm disabled</Text>
</TouchableOpacity>
React Native TouchableWithoutFeedback #disabled ドキュメント
新しい
プレス可能
APIには
disabled
というオプションもあります。
<Pressable disable={true}>
{({ pressed }) => (
<Text>I'm disabled</Text>
)}
</Pressable>
関連
-
npm ERR! cb() never called!
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] React / React Nativeでコンストラクタを使用する場合とgetInitialStateを使用する場合の違いとは何ですか?
-
[解決済み] react-nativeでキーボードを隠す
-
[解決済み] react nativeでコンポーネントを隠す/表示する
-
[解決済み] React-NativeのNavigatorコンポーネントを使ったカスタムナビゲーション
-
[解決済み] CocoaPods は、ポッド "ReactCommon/jscallinvoker" の互換性のあるバージョンを見つけられませんでした。
-
[解決済み] エミュレータ上でreact nativeプロジェクトを実行する際のspawnSync ./gradlew EACCESエラー udara
-
[解決済み] react nativeでテキストを縦書き(90度回転)させるには?
-
[解決済み] 数字しか受け付けないReact NativeのTextInput
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
React-NativeにおけるイベントリスナーDeviceEventEmitter
-
npm ERR! cb() never called!
-
[解決済み】react-nativeで環境変数を設定する?
-
[解決済み] React native reduxのreducerで配列に要素を追加するにはどうすればいいですか?
-
[解決済み] 基本的なFlatListのコードで警告を投げる - React Native
-
[解決済み] react nativeでパスワード入力用のTextInputをスタイルする方法
-
[解決済み] CocoaPods は、ポッド "ReactCommon/jscallinvoker" の互換性のあるバージョンを見つけられませんでした。
-
[解決済み] エミュレータ上でreact nativeプロジェクトを実行する際のspawnSync ./gradlew EACCESエラー udara
-
[解決済み] react nativeでテキストを縦書き(90度回転)させるには?
-
[解決済み] react-native run-ios` は、Error を返します。iPhone X シミュレータが見つかりません