2017-01-12 22 views
1

My Native iOSには、ルートビューコントローラとしてTabBarControllerがあります。私はListViewが子ビューを持つことは可能ですか

がゴールビューの1が反応-ネイティブサポート(コンテナ・ビューがある)ホーム画面上PageViewControllerを持っている:表示ポップアップ表示できるように、ユーザがタブに切り替えるようにしながら、

私が持っていますAlert APIを表示するためにモーダル&を使って試してみました。ポップアップは完全に機能しますが、画面全体にマスクするのは&です。アラートでCANCELボタンを押すと、対話を再開する唯一の方法はありません。マスキングでは、切り替えタブは使用できません。

私はmodalまたはalertViewのマスクを削除できないため、代わりにListViewの子であるビューをレンダリングしようとしています。 ここで私は私が追加悲しいかなあったスタイルに基づいてリストビューのように、画面の中央に表示するビューを期待していた

list: { 
    justifyContent: 'center', 
    alignItems : 'center', 
    flexDirection: 'row', 
    flexWrap: 'wrap', 
    opacity : 1 
}, 
popUpStyle : { 

    width: widthOfScreen - 50, 
    height: heightOfScreen/3, 
    backgroundColor:'#000000', 
    borderRadius: 5, 
    shadowColor:'#000000', 
    shadowRadius:5, 
    shadowOpacity:0.8 
} 

を次のようにある

 return (
     <View style={{flex:1}}> 
      <ListView 
       onEndReachedThreshold={-5} 
       renderFooter={this._renderFooter} 
       onEndReached={this.onEndReached} 
       contentContainerStyle={styles.list} 
       dataSource={this.state.dataSource} 
       renderRow = {(rowData) => Row(rowData)}> 

       <View style={styles.popUpStyle}> 

       </View> 

     </ListView> 
     </View> 
    ) 
} 

マイスタイルシート私のレンダリング()関数ですなんでもない。 listViewに子ビューがありますか?もっと重要なのは、マスクなしでポップアップビューを作ることができますか?

+0

このタグ付きAndroidはなぜですか? –

+0

@ChantellOsejoというタグ付きの理由で、ForceはReact-Nativeで強く、一部のAndroidエンジニアは暗いところに向っている可能性があります。 – MrDank

+0

基本的に、画面の真ん中にビューをポップアップして、ビューを閉じることなくタブナビゲーションを使用できるようにしたいのですか?そうでない場合は、申し訳ありませんが、もっと説明できますか? –

答えて

0

リストビューに子ビューがありますか?

これはわかりません。

さらに重要なことに、マスクなしでポップアップビューを作成できますか?

もちろん可能です。 absoluteの魔法が必要です。

スタイル:

component: { 
    position: 'absolute', 
    left: 0, 
    right: 0, 
    alignItems: 'center' 
}, 
content: { 
    backgroundColor: red, 
    borderRadius: 0, 
    padding: 10, 
    height: 56, 
    justifyContent: 'center' 
}, 
text: { 
    color: white, 
    textAlign: 'left', 
    fontSize: 18 
} 

コンポーネント:

<View style={styles.component} pointerEvents='none'> 
    <View style={styles.content}> 
     <Text numberOfLines={1} style={styles.text}>{this.state.text}</Text> 
    </View> 
</View> 

私の「乾杯」は、インタラクティブではなく、それはあなたのために残さ運動だ私は、「乾杯」を示すために似た何かをします。

+0

ここに私の 's'の問題があります – MrDank

+0

私の前のコメントをチャック..ここに私が持っている問題は、コンテナのビューはリストビューとトーストビューを持っています。トーストビューはListView上に表示する必要があります。これは私の問題を解決しません。 @Eldelshell – MrDank

+0

トーストは他のすべてのコンポーネントの上に表示されますが、ListView内ではなく正しい場所に配置する必要があります – Eldelshell

関連する問題