react-navigation / react-navigation/react-navigation

Keyboard dismiss immediately in forFadeFromBottomAndroid and forVerticalIOS cardStyleInterpolator

Offen
#8,525 3 Kommentare 4 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug package:stack
Vorherrschende Sprache
TypeScript
Sterne
24.5k
Forks
5.1k
Ø Merge
1 T. 5 Std.
Gemergte PRs (30 T.)
18

Beschreibung

When I set cardStyleInterpolator to forFadeFromBottomAndroid or forVerticalIOS for a Stack.Screen, keyboard immediately dismiss when focusing on TextInput. This not happen for other type.

Here is what's happening:

RN

function RootStack() {
return (
  <Stack.Navigator
    screenOptions={{
      cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
    }}
  >
    <Stack.Screen name="GROUPS" component={GroupsScreen} options={{ headerShown: false }} />
    <Stack.Screen name="GROUP" component={GroupScreen} />
    <Stack.Screen
      name="CREATE_POST"
      component={CreatePostScreen}
      options={{
        headerShown: false,
        cardStyleInterpolator: CardStyleInterpolators.forFadeFromBottomAndroid,
      }}
    />
    <Stack.Screen
      name="SELECT_POST_TYPE"
      component={AnonymousTypeScreen}
      options={{
        cardStyle: { backgroundColor: "transparent", opacity: 1 },
        headerShown: false,
        cardStyleInterpolator: CardStyleInterpolators.forVerticalIOS,
      }}
    />
  </Stack.Navigator>
);
}

and screen is just simple component:

return (
  <View>
    <View style={{ flex: 1 }}>
      <TInput />
    </View>
  </View>
);

@react-navigation/native: "^5.5.1"

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, das Problem mit dem bereitgestellten RootStack, TextInput und den Interpolatoren forFadeFromBottomAndroid oder forVerticalIOS zu reproduzieren, und vergleiche es dann mit forHorizontalIOS. Das Problem ist behoben, wenn das Fokussieren des TextInput die Tastatur bei den betroffenen Interpolatoren nicht mehr sofort ausblendet.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react-native
Bereich
mobile
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

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