Maison  >  Article  >  interface Web  >  Comment masquer le défilement de la barre de défilement en réaction

Comment masquer le défilement de la barre de défilement en réaction

藏色散人
藏色散人original
2022-12-21 15:38:282996parcourir

Comment masquer le défilement de la barre de défilement dans React : 1. Ouvrez le fichier "react-native" correspondant ; 2. Définissez le défilement horizontal par horizontal ; 3. Masquez la barre de défilement horizontale en définissant la valeur de "showsHorizontalScrollIndicator" sur "false". .

Comment masquer le défilement de la barre de défilement en réaction

L'environnement d'exploitation de ce tutoriel : système Windows 10, version React-native 0.67, ordinateur Dell G3.

Comment masquer le défilement de la barre de défilement dans React ?

react-native implémente le défilement horizontal et masque la barre de défilement

   showsHorizontalScrollIndicator值为false隐藏水平滚动条
   horizontal为true设置水平滚动
         renderItem = ({ item }) => (<Text>{ item.tile}</Text>);
        const data =[{id:1,title:&#39;11111111111111111111111111&#39;}];
        <FlatList
          horizontal
          data={data}
          renderItem={this.renderItem}
          keyExtractor={item => item.id}
          showsHorizontalScrollIndicator={false}
        />

Introduction connexe :

React Native (RN) est un cadre de développement d'applications mobiles multiplateforme open source par Facebook en avril 2015. Il s'agit de l'open source antérieur de Facebook Le framework JS React est un dérivé de la plate-forme d'applications mobiles native et prend en charge les plates-formes iOS et Android. RN utilise le langage Javascript, JSX similaire au HTML et CSS pour développer des applications mobiles, de sorte que les techniciens familiarisés avec le développement frontal Web peuvent entrer dans le domaine du développement d'applications mobiles avec très peu d'apprentissage.

Apprentissage recommandé : "Tutoriel vidéo React"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn