Реагировать на встроенную панель прокрутки вкладок с внутренней прокруткой

Question

Я создаю реагирующее нативное приложение, как социальная платформа.В этом приложении я использовал навигацию по вкладкам из пакета реагировать на навигацию.и внутри вкладки на одном из экранов, я использовал другой вид вкладки из реакции-родной-вкладки.В этом представлении вкладок я хотел, чтобы при прокрутке внутреннего содержимого затем на панели вкладок панель отображалась как скрытая / отображаемая, или она могла прокручиваться с содержимым представления вкладок.на данный момент содержимое прокручивается нормально, но когда я предоставляю родительскому представлению представление вкладки со Scrollview, то происходит только прокрутка до некоторой части, которая не отображает мое полное содержимое.

На этом экране есть две вкладки, одна из которых - подача мира.а другой - это фид соединения.

export class FeedTab extends PureComponent {

  constructor(props) {
    super(props);
    this.da = data.getTopics();
    this.state = {
      index: 0,
      routes: [
        { key: '1', title: 'World' },
        { key: '2', title: 'Connections'},
      ],
    };
    this.data = data.getArticles('post');
  }



  _keyExtractor(post, index) {
    return post.id;
  }

  renderOpenFeedView(info, navi){
    return(
      content....
    )
  }

  renderConnectionFeedView(info, navi){
    return(
      content....
    )
  }

  renderOpenFeed(){
    return(
        <FlatList data={this.data}
          extraData={this.props}
          renderItem={item =>     this.renderOpenFeedView(item, this.props.navigation)}
          keyExtractor={this._keyExtractor}
          style={feedStyles.container}/>
    )
  }

  renderConnectionFeed(){
    return(
      <FlatList data={this.data}
        extraData={this.props}
        renderItem={item => this.renderConnectionFeedView(item, this.props.navigation)}
        keyExtractor={this._keyExtractor}
        style={feedStyles.container}/>
    )
  }

  _handleIndexChange = index => this.setState({ index });

  _renderHeader = props => <TabBar
                              {...props}
                              style = {{backgroundColor:RkTheme.current.colors.inverse,elevation: 3, borderBottomWidth: 0.4,borderColor: RkTheme.current.colors.grey}}
                              labelStyle = {{color:RkTheme.current.colors.text.tabLabel, fontFamily: RkTheme.current.fonts.bold, fontSize:12}}
                              tabStyle = {{width:responsiveWidth(50)}}
                              scrollEnabled = {true}
                              indicatorStyle = {{backgroundColor: RkTheme.current.colors.primary}} />;


  _renderScene = SceneMap({
    '1': this.renderOpenFeed.bind(this),
    '2': this.renderConnectionFeed.bind(this),
  });

  render() {
      return (
          <TabViewAnimated
            style={styles.container}
            navigationState={this.state}
            renderScene={this._renderScene}
            renderHeader={this._renderHeader}
            onIndexChange={this._handleIndexChange}
          />
    );
  }
}

const styles = StyleSheet.create({
  container: {
    width:responsiveWidth(100),
    height:responsiveHeight(99),
    backgroundColor: RkTheme.current.colors.screen.scroll,
  },
});

это компонент вкладки ленты, который я отображал в режиме просмотра ленты следующим образом.

<FeedTab navigation = {this.props.navigation} />

Теперь прокрутка хороша, и я хотел, чтобы когда я прокручивал содержимое, тогда панель прокрутки также прокручивалась с этим или могла скрываться / показываться с прокруткой вниз / вверх.

Если кто-нибудь знает, пожалуйста, помогите.

Заранее спасибо.