問題タブ [react-native-listview]

このように ListView のデータソースを作成できます

しかし、アイテムを追加したり、データソースからアイテムを削除したりしたい場合、どうすればよいでしょうか? 更新された配列で常に cloneWithRows を呼び出す必要がありますか?

画面の上部にボタンが表示されています ( react-native-scrollable-tab-view を使用)。ボタンの下にListViewセクション ヘッダーがあります。

スクロールしているときにヘッダーをタブビューの下端に固定する方法はありますか?

ListViewのセクション ヘッダーを Facebook TabBar の下部に固定するのに苦労しましたが、デフォルトでは画面の上部に固定されています。

スクロールすると、セクション ヘッダーがタブ バーの下にスライドします。

これについて何か考えはありますか？これを機能させるために FacebookTabBar.js を変更する必要があるものはありますか?

上部にタブバーなし

上部にタブバーあり

注: この GIF が完全なアニメーションを正しく表示しないのは奇妙です。リストがかなりスクロールされ、セクション ヘッダーがタブ バーの下にスライドすることが想像できます。

セクション ヘッダーのスタイル

FacebookTabBar スタイル

Objective-C を使用する iOS では、メソッドUITableViewを使用して特定の行インデックスまでスクロールできますscrollToRowAtIndexPathが、React-Native では、特定の行インデックスでスクロールする方法が見つかりませんでしたListview。

以下はシナリオです。

1. Listviewタップしながら展開するような展開可能な行があり、展開可能な行にはコンポーネントが含まれていますTextInput。
2. でテキストを入力している間TextInput、キーボードは上に表示され、理想的にはその瞬間Listviewに上にスクロールする必要があります (キーボードが下がっListviewたら、前の位置に下にスクロールする必要があります)。

これは Native-iOS で簡単に実現できますが、私は React-Native で立ち往生しています。

私は次の方法を試しましたが、うまくいきませんでした

親ビューのy 座標に基づいて上下にスクロールできるコンポーネント (実際にscrollTo(x:0,y:10,animated:true)はのメソッド) で呼び出されるメソッドがあります。ListviewScrollview

コードでキーボードの Up & Down イベントを正常に受信し、それに基づいて、キーボードが起動したときに ( y 座標scrollToを計算することにより) メソッドで何とか管理できます(@Alexey の回答で述べたように) が、yを計算する方法についてはわかりません。キーボードが下がったときの座標は？(理想的には、この時点で Listview は前の位置までスクロールする必要があります)。

ヘルプやヒントをいただければ幸いです。

rn listView デモでこの種のミスがどのような状況で発生するのか知りたい??????? 左がシミュレータエラー、右がxcodeエラー

しかし、文をコメントアウトすると、うまく機能しますが、表示されません

以下の例のようなオブジェクトの配列があります。

各アイテムの色を交互に表示するリストビューを作成することはできますか?

行が次の方法でレンダリングされるリストビューがあります。

スワイプ停止時、つまりコールバック resetPosition の場合、どの行がクリックされたかを知りたいです。次のように変更すると、次のようになります。

コールバックで投稿を取得しますが、イベントをまったく取得しません。両方を行うにはどうすればよいですか?

私は実際の Android デバイスで React Native を使用しています。アプリのメイン コンポーネントに次の render 関数だけを使用して、非常に単純なアプリを作成する場合...

デバイスで次の結果が得られます。

ご覧のとおり、背景全体が黄色であるため、画像要素が実際に画面全体のサイズを占めていることがわかります。しかし、それは間違ってレンダリングされているだけです。「カバー」の resizeMode は期待どおりに機能します (「ストレッチ」モードも同様です)。機能していないのは「contain」モードです (私の観点から最も重要なモードです)。画像が表示されないため、画像を ListView に配置すると、問題はさらに悪化します。

更新 1 フレデリックが指摘するように、「含む」は、イメージがコンテナーのサイズよりも大きい場合にのみ機能します。では、縦横比を維持したまま、画像をコンテナ全体のサイズにするにはどうすればよいでしょうか? パーセンテージは React のスタイルではまだサポートされておらず、画像が読み込まれた後に画像の幅と高さのプロパティを取得する方法がわかりません。Image コンポーネントに関連付けられたイベントは、その情報を提供しません。

更新 2 朗報です。現在、React Native v0.24.1 を使用していますが、実際のイメージ サイズがコンテナーよりも小さい場合でも、イメージの 'contain' モードが期待どおりに機能するようです。zvona のソリューションは優れています (ただし、onLayout は、画像がレンダリングされる画像ビューのサイズを提供しますが、読み込まれる実際の画像サイズは提供しないことに注意する必要があります)。今のところ、実際の画像サイズを調べる方法はわかりません (ネットワーク リソースから画像を取得していて、サイズがわからないとします。これは、計算する場合に非常に重要になる可能性があります)。その縦横比）。

反応ネイティブの 2 つの独立したコンポーネントの状態を更新します。

たとえば、contributorOne と contributorTwo のような 2 つのコンポーネントがあり、contributorOne で発生したイベントに基づいて、contributorTwo データの状態を更新したいと考えています。

contributorOne と contributorTwo のコンポーネントには親子関係がないので、誰でもこれを手伝ってもらえますか。