問題タブ [native-base]

ネイティブベースでタブバーを使用すると、正常に動作します..各タブのページが他のタブに漏れることを除いて. どこかに幅を設定する必要がありますか? どうすればいいですか？

たとえば、Tab1 を選択すると、Tab2 が少し右側に表示されます。

また、タブバーをヘッダーに配置する方法はありますか? そのため、ページをスクロールしても残ります。

<View> </View>一部のページが でラップされていて、ラップされていない ため、私の問題<Container> </Container>ですか?

https://blog.nativebase.io/the-caveats-of-using-navigator-in-react-native-9547d99172ce#.cghvxk1moを読みました

ナビゲーターにreact-native-router-fluxを使用していますが、nativebaseで使用する場合。nativebase のコンポーネントがアクティブでない

ファイル: Home.js

ファイル：私のscene.js

アプリ実行時。nativeBase のコンポーネントがアクティブではありません。

誰もが react-native-router-flux で nativeBase を使用しました。例を教えてください！助けてくれてありがとう！

私はreact-native + native-baseを使用しており、単純なレイアウト - ヘッダー コンテンツ フッターを使用しています。セクションで MapView を使用しており、コンテンツ エリアをマップで埋めたいと考えています。MapView のスタイルで幅と高さを指定すると、マップは正常に表示されます。MapView のスタイルを flex に設定すると: 1 マップが表示されない

これが私のコードです..私が望むのは、マップがコンテンツを埋めることだけです..

ネイティブ ベースドキュメントをベースとして使用して、FooterTab を作成しました。

アイコン要素をボタンに追加すると、次のエラーが表示されます: undefined is not an object (evaluation 'child.props.children.props.name') from FooterTab.js:114 (その後変更され、現在は142 行目)。

以下は、レンダリング関数で使用しているコードです。

最初のボタンからアイコンを削除すると、すべてうまくいきます。

何か案は？前もって感謝します。

React Native に頭を悩ませ始めたばかりでstate、管理に Redux を使用しています。UIコンポーネントのNativeBase ライブラリと、 react-native-router-fluxがビュー間のナビゲーションを処理しています。

現在、オブジェクトの配列から作成される基本的なリストを作成していguestます。リストは Redux ストアに保存されており、それにアクセスして表示することができます。リスト内の各項目は、配列guest内の に関連付けられています。リスト内の各項目をタッチ可能にし、関連するオブジェクトをプロパティとして次のビューにguests渡して詳細を表示したいと思います。guest

そのためにonPress、コンポーネントに関連付けられた標準関数である関数を使用していListItemます (NativeBase docs hereを参照)。また、ドキュメントに従ってreact-native-router-flux、コンポーネント自体の外部でナビゲーション アクションを定義し、レンダリングするたびではなく、押されたときに呼び出されるようにListItemしました。

私の問題は、特にが押されたときではなくonPress={goToView2(guest)}、 がレンダリングされるたびに関数が呼び出されていることを発見していることです。ListItemListItem

私が省略した単純なものに違いないと確信しています。助言がありますか？

View1.js - 初期リストを表示するビューguests:

guestView2.js -から選択したの詳細を表示するビューView1.js:

2 つの単純な入力ボックスが必要です。

loginName 入力ボックスとパスワード入力ボックスがあります。

現在、これら 2 つの入力ボックスの値を「状態」にマップしています。

さて、NativeBase を使用します。デモのように「成功」​​「エラー」を動的に表示するにはどうすればよいですか? http://nativebase.io/docs/v0.5.9/components#successInputTextbox

開発中のReact NativeアプリのUI側のベースとしてnativebaseを使用していますが、非常に単純なはずのエラーが発生しています。

次のように、アプリのタブフッター用のコンポーネントを作成して、さまざまなビューに含める必要があります。

./Components/Footer.js

ビューの例は次のようになります。

しかし、このビューがレンダリングされると、エラーが発生します:

問題なくこのコンポーネントを任意のビューに単純に含めることができると思っていたので、私が見逃している本当に基本的なものはありますか...

API から応答を受け取り、それを解析して、nativebase.io cardlist を使用して画面にいくつかの機能を表示しました。すべての結果が表示されたら、各カードをクリック可能にし、クリックするたびに、特定のカードの内容に応じて次の詳細画面に進みます。ただし、カードリストが何らかの理由でレンダリングされると、ユーザーの操作なしですべてのカードがクリックされます。したがって、特定のカードに触れたときにのみカードのクリックを許可するソリューションを探しています。

React Native には、主に使用される 2 つの UI コンポーネントがあることがわかりました。そのうちの1つを使用したい。どちらがより使いやすく、カスタマイズ可能ですか?