Menu component showing scrollbar indicator

Offen
  • Stimmt etwas nicht?
#4,811 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
58/100
Issue-Typ
Bug
Klarheit
Klar beschrieben
Aktivitätsstatus
Veraltet
Tech-Stack
react-native, typescript
Bereich
mobile

Rechercherichtung

Beginne in src/components/Menu/Menu.tsx und untersuche die ScrollView, die verwendet wird, wenn das Menu eine scrollbare Höhe hat. Verwende den bereitgestellten Diff als erwartetes Verhalten: Das Menu sollte den Indikator der vertikalen Bildlaufleiste nicht mehr anzeigen. Prüfe, falls vorhanden, die bestehende Menu-Testabdeckung des Repositorys und verifiziere das Verhalten auf den unterstützten Plattformen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch [email protected] for the project I'm working on.

🔺️🔺️🔺️ Adding showsVerticalScrollIndicator to Menu component does not disable the scrollbar indicator 🔺️🔺️🔺️

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-paper/src/components/Menu/Menu.tsx b/node_modules/react-native-paper/src/components/Menu/Menu.tsx
index 82fbdf4..8632b98 100644
--- a/node_modules/react-native-paper/src/components/Menu/Menu.tsx
+++ b/node_modules/react-native-paper/src/components/Menu/Menu.tsx
@@ -663,6 +663,7 @@ class Menu extends React.Component<Props, State> {
                   {(scrollableMenuHeight && (
                     <ScrollView
                       keyboardShouldPersistTaps={keyboardShouldPersistTaps}
+                      showsVerticalScrollIndicator={false}
                     >
                       {children}
                     </ScrollView>

This issue body was partially generated by patch-package.

Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.3k
Ø Merge
3 T. 2 Std.
Gemergte PRs (30 T.)
14

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus callstack/react-native-paper

Alle Issues in callstack/react-native-paper

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.