React NativeのAlertコンポーネントを使用して、AndroidとiOSの間で一貫性のあるエクスペリエンスを作成しようとしています。私は警告の例を実行しようとしています。私は(簡潔にするために、他の輸入を省略)Alertコンポーネントをインポートします。React NativeでAlert.alert()が機能しない0.36.1
import {
Alert,
} from 'react-native';
私は、その後の例で提供アラートを作成します。
Alert.alert(
'Alert Title',
'My Alert Msg',
[
{text: 'Ask me later', onPress:() => console.log('Ask me later pressed')},
{text: 'Cancel', onPress:() => console.log('Cancel Pressed'), style: 'cancel'},
{text: 'OK', onPress:() => console.log('OK Pressed')},
]
)
しかし、私は次のエラーを取得する:
私はthis post with a similar issueを見つけましたが、私の問題は異なると信じています:
- 私は私はこの問題を解決する方法のよう困惑しています、私はAndroidとiOS
ために、このエラーを見ていますネイティブバージョン0.36.1
更新
要求されたとして、ここで私は、アラートを使用しようとしています場所の例です:
<TouchableHighlight style={styles.button} underlayColor='transparent' onPress={() => Alert.alert(
'Alert Title',
'Alert Message'
)}>
これは、コードが失敗した1つのインスタンスのみです。私はいくつかのコンポーネントとメソッドで複数の警告を試みましたが、どれも動作していません。
アップデート2
それは標準alert()
機能がクラッシュすることなく動作することは注目に値します。ただし、アラートのタイトルを指定することはできません。たとえば、以下のコードでは、「Alert」というタイトルのアラートが返され、「4桁のコードを入力してください」というメッセージが返されます。
alert("Invalid Code", "Please enter a 4 digit code.")
私の所望の出力は、タイトル=「無効なコード」とメッセージ=持っているだろう「4桁のコードを入力してくださいを。」
を使用して、警告を使用している場所をさらに絞り込むことができます。例えば、あなたが呼んでいるコンポーネントと機能のコードも含めてください。 –
@coderhacker私の更新を見てください。 –
確かにそれをインポートして、正しく使用しています...私はpackagerとsimを再起動しようとします。それがうまくいかない場合は、 'react-native upgrade'を実行して、npmパッケージのテンプレートファイルが最新であるかどうかを確認してください。 –