javascript - [React Native] Comment gérer la barre de défilement de chaque ListView dans les onglets ?
伊谢尔伦
伊谢尔伦 2017-06-26 10:58:55
0
1
1095

Le problème a été résolu, c'est un problème de style CSS. . . . Cela n'a rien à voir avec js. . .

J'ai inclus une vue de liste dans les onglets,
mais lors du changement d'onglet, les barres de défilement de la vue de liste sont toutes à la même position. . .
C'est-à-dire que j'ai fait défiler 100 px dans les premiers onglets, et suis passé aux seconds onglets, qui sont également à la position 100 px. .
componentDidMount Il ne sera déclenché qu'une seule fois...
Comment s'assurer que la barre de défilement de chaque listview est dans sa position respective. .

//数组保存8个
  const genTabpaneComp = (count) => {
    const result = [];
    for (let i = 0; i <= count; i++) {
      result.push(TabpaneComp(i));
    }
    return result;
  };

  //Tabpane 内容
  const TabpaneComp = (key) => {
    let props;
    return(
      <TabPane tab={Tabp(key)} key={ key }>
        <p className={styles.categoryList}>
          <ContentView {...props}/>
        </p>
      </TabPane>
    )
  };

Le résultat est tel que montré sur l'image :

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

répondre à tous(1)
Peter_Zhu

Vous pouvez mémoriser la position de défilement du tabPane précédent lors du changement d'onglet, afin que la position de défilement sans tabPane puisse être conservée.
lire https://github.com/ant-design...

Il existe une autre façon de fixer la hauteur de styles.categoryList.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal