私はそれについて良い例を見つけようとしていますが、解決策を見つけることができません。

反応ネイティブを学習するためにネイティブベースを使用していますが、ストアから状態にアクセスする方法を知りたいです。現在、ディスパッチを使用してストアに「ユーザー名」を設定するページがあります。私はそれがそこにあり、価値があることを知っています。

この部分は正常に動作しています。しかし、コンポーネントでこの状態をサブスクライブする方法の例が見つかりません。

ナビゲーションは小道具として表示されますが、ユーザー名では表示されないのはなぜですか?

助けてくれてありがとう。

これは、私のプロジェクトの基本的なコンポーネント (nativebase を使用) は次のようになります。

Windows 10 で React Native プロジェクトのNativeBase をインストールしようとすると、次の問題が発生します。

1. react-native init RNapp cd RNapp
2. npm install native-base --save
3. react-native link react-native-vector-icons
4. android/app/build.gradleファイルの末尾に次を編集して追加します。
   apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

ランニングecho %JAVA_HOME%は与えるC:\Program Files\Java\jdk1.8.0_111

今私が走るとき

ビルドは次のエラーで失敗します。この問題の解決策はありますか?

ボタンを使用していくつかのコンポーネントをレンダリングするネイティブ ベース コンポーネントをループしています。<Card dataArray={data} />それは問題なく動作していました（期待どおりにすべてのコンポーネントをリストしました）が、すぐonPressにボタンにイベントを追加し、自動onPressバグが発生しました。コンポーネントがそれらのボタンでレンダリングすることを想定しているのに、1回だけ実行されます（クリックすると、バインドされた関数が実行されます）。 .

onPress={this.testLogs}また、レンダリングされたすべてのコンポーネントは、レンダリング後にクリックしてもバインドされた関数を実行しないと言う必要があります。

何がこれを引き起こしている可能性がありますか? または、ループ レンダリングはこれに対する最善のアプローチではありませんか?

ありがとうございました。

React Native と Native Base を構成しました。Android 用のアプリをデプロイすると、コード内のコンテナー コンポーネントが存在する場所の近くで予期しないトークンが見つかったことを示すエラーがスローされます。

私のpackage.jsonファイルは次のとおりです。

特定のバージョンが他のバージョンとうまく動作しない可能性はありますか? さらに（問題がある場合）、Node バージョン 6.8.1、npm バージョン 3.10.8、react-native-cli 2.0.0 を使用しています。また、yarn、sinopia、browserify をグローバルにインストールしています。

まだReact Nativeの初心者であり、依存関係の衝突が存在する可能性があるかどうかはわかりません（明白かどうかは別として）

私のjsファイルは次のとおりです。

デフォルトのコントロールで反応するネイティブアプリを実行できるため、セットアップ（ネイティブベースを除く）に問題はないようですが、ネイティブベースコントロールでのみこのエラーが発生しているようです

GlobalHeader別のファイルからコンポーネント クラスを呼び出そうとしています。
問題は、他のタグにあるときはいつでも表示されないことです。

私はもう試した：

1. StyleSheetにwithflex: 1を追加 しContainer、HeaderGlobalHeader
2. コンポーネントの取り外しnative-baseとコンポーネントの貼り付けreact-native 。
3. いじくり回すexport default（これが問題なのかな）
4. ES6importを NodeJS に置き換えるrequire
5. の構造をいじるGlobalHeader（コンテナを入れるなど）

ここで正常に呼び出してレンダリングできます。

別のタグにある場合。はい、あらゆる種類のタグを試しました:

予想される出力 (はい、アイコンを修正する方法を知っています):

のコードDetails.js:

のコードGlobalHeader.js:

助けていただければ幸いです。ルート/ナビゲーターを変更していません。
この問題に遭遇したときにのみES6について読んだので、ES6の問題である可能性がありますか?

InputGroup2 つのアイコンまたは 1 つのアイコンと 1 つのボタンを持つを作成しようとしています。

入力フィールドが空であるかどうかを確認するために、1 つのアイコンを使用する必要があります (機能します)。他のアイコンまたはボタンは、フィールドにテキストを「挿入」するために使用する必要がありInputます。

現在、私のコードは次のようになっています。

次の結果が得られます

創刊

ご覧のとおり、他のアイコンを表示するのに問題があります。最初のアイコンの後ろにあるようには見えません。

ボタンも同様に優れていますが、常に下にドロップし、Input隣にはドロップしません。スタイリングは私の最強のスタイルではありません - だから私は素晴らしいフレームワーク NativeBase を使用します

第二号

state私が抱えている別の問題は、検証が更新された後にアイコンと色が変更されないように見えることです。style一度だけロードされるようです。

私はネイティブベースで非常に単純なビューを書いています。

render() 関数でこれを行ったとき

私は、nativebase が完全に空のリスト アイテムをレンダリングしていることに気付きました。

しかし、テキストタグの1つを削除すると. アイテムは正常に表示されます。

listItem に複数の子を持つことは不可能ですか? それは本当に直感に反するようです。その場合、リスト項目に複数の項目を含めるにはどうすればよいですか?

メソッドをクラスにバインドしようとしましたが、成功しませんでした。ドキュメントで説明されているように、すべてを正しく行っていると思います。他のバインディングプラグインも試しましたが、すべて無駄でした。

奇妙なことに、render メソッドから直接バインドすると機能しますが、別のメソッドからメソッドを呼び出そうとした瞬間にブレーキが緩みます。

言及するだけで、私は運が悪いので以下を試しました

http://moduscreate.com/using-es2016-decorators-in-react-native/

https://www.npmjs.com/package/autobind-decorator

どんな助けでも大歓迎です。ありがとう。