2017-01-25 15 views
1

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')}, 
    ] 
) 

しかし、私は次のエラーを取得する:

enter image description here

私はthis post with a similar issueを見つけましたが、私の問題は異なると信じています:

  • 私は私はこの問題を解決する方法のよう困惑しています、私はAndroidとiOS

ために、このエラーを見ていますネイティブバージョン0.36.1

  • 反応し実行しています。他の誰かがこれをバージョン0.36で動作させる運がなかったのですか?

    更新

    要求されたとして、ここで私は、アラートを使用しようとしています場所の例です:

    <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桁のコードを入力してくださいを。」

  • +0

    を使用して、警告を使用している場所をさらに絞り込むことができます。例えば、あなたが呼んでいるコンポーネントと機能のコードも含めてください。 –

    +0

    @coderhacker私の更新を見てください。 –

    +0

    確かにそれをインポートして、正しく使用しています...私はpackagerとsimを再起動しようとします。それがうまくいかない場合は、 'react-native upgrade'を実行して、npmパッケージのテンプレートファイルが最新であるかどうかを確認してください。 –

    答えて

    0

    私はAlert.alert( 'foo')を呼び出す別の関数を作成しようとします。次にTouchableHighlightで、onPress={this.onYourFunctionName.bind(this)}

    関連する問題