2017-01-21 4 views
1

私は2つの問題に直面しています&はこれを解決できません。なぜこれが起こっているのか誰も説明できますか?または誰でも私に解決策を与えることができますか?ナビゲータポップアップを使用するとリストビューが空白になる

問題NO 1: 2つのコンポーネントがあります1)ホームホームで2)インナー 私はインナーにルートそれらのいずれかをそのクリックしたときにデータ&のリストがあります。また、ナビゲータポップを使用して戻るボタンがあります。ときどき再現する問題があります - 私はバックをクリックするとホームにルーティングされますが、データはありません(リストビュー要素)が、画面上をタッチするとデータが正しく表示されます。

問題NO 2: リストデータ内のホームコンポーネントには、1行にいくつかの繰り返しデータもあります。 私はこれにマップ関数を使用しました。時には(ほとんどの場合、正しく表示されます)、リストビューにも表示されません。行は正しく表示されていますが、繰り返しデータはありません。

<ListView onEndReached={this.props.reloadArticles} onEndReachedThreshold={10} dataSource={this.props.dataSource} renderRow={this.renderPost} enableEmptySections={true} refreshControl={ <RefreshControl refreshing={this.props.isRefreshing} onRefresh={this.props._onRefresh} /> } /> 

答えて

0

NO 1:

は、このような音:https://github.com/facebook/react-native/issues/8607 あなたはinitialListSizeは= {0}

NO 2助けることができる設定RN 0.4.0を使用する場合: をあなたは/あなたでrenderRowを投稿してくださいでしたデータソースコード

0

@SnowMaxご回答ありがとうございます&ありがとうございました。

renderPost = (list, sectionID, rowID) => { 
    if(list && list.is_shared_post == true){ 
     return (
      <WallShared list={list} rowID={rowID} /> 
     ); 
    } 
} 
class WallShared extends Component { 
    constructor(props) { 
    super(props); 
    } 
    render() { 
     if(this.props.list.is_shared_post == true){ 
        switch(this.props.list.TblPostsComments.post_type){ 
        case 'T': 
        return (<ShareText list={this.props.list} />); 
        default: 
        return (<ShareDefault list={this.props.list} rowID={this.props.rowID} />); 
        break; 
        } 
     } else { 
        return (
        <View>something</View> 
       ) 
     } 
    } 
} 
export default WallShared; 

    class ShareText extends Component { 
     constructor(props) { 
     super(props); 
     this.state ={ 
      isLoggedIn:false, 
     } 
     } 
    componentDidMount(){ 
     } 
    render() { 

     var ShareBlock = this.props.list.TblPostsComments.shared_contents.map(function(cont, ind) { 
       return (
        <View style={[styles.feedItem, styles.SfeedItem]} key={ind}> </View> 
       ); 
     },this); 
     return(
       <View style={styles.feedItem}> 
       <View style={styles.sharedWrap}> 
        { ShareBlock } 
       </View> 
       </View> 
     ); 
     } 
    } 

    export default ShareText; 
:ため、私はすべてのコードを共有することができませんでしたが、私はuのにコードの構造を共有することができconfedentialプロジェクトへ

関連する問題