Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RTL FlatList horizontal Layout Pressable Version 0.76.6 issues #48600

Open
halhogal opened this issue Jan 10, 2025 · 2 comments
Open

RTL FlatList horizontal Layout Pressable Version 0.76.6 issues #48600

halhogal opened this issue Jan 10, 2025 · 2 comments
Labels
Component: FlatList Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. Resolution: Fixed A PR that fixes this issue has been merged.

Comments

@halhogal
Copy link

halhogal commented Jan 10, 2025

Description

I faced an issue with the latest React Native Build in a Physical Android Phone Not an Emulator. If we render the data using FlatList on Horizontal Mode and the Layout is LTR the pressable works perfectly, however, if the Layout is RTL the Pressable won't take action it needs multiple touches to respond.

Steps to reproduce

When app is built on Physical Android phone, Flatlist horizontal mode won't take action if apply pressable

React Native Version

0.76.6

Affected Platforms

Runtime - Android

Output of npx react-native info

System:
  OS: macOS 15.2
  CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
  Memory: 2.92 GB / 16.00 GB
  Shell:
    version: 3.2.57
    path: /bin/bash
Binaries:
  Node:
    version: 20.13.1
    path: /usr/local/bin/node
  Yarn:
    version: 4.5.3
    path: /usr/local/bin/yarn
  npm:
    version: 10.9.0
    path: /usr/local/bin/npm
  Watchman:
    version: 2024.11.18.00
    path: /usr/local/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /usr/local/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.2
      - iOS 18.2
      - macOS 15.2
      - tvOS 18.2
      - visionOS 2.2
      - watchOS 11.2
  Android SDK:
    API Levels:
      - "26"
      - "28"
      - "29"
      - "30"
      - "31"
      - "33"
      - "34"
      - "35"
    Build Tools:
      - 19.1.0
      - 20.0.0
      - 21.1.2
      - 22.0.1
      - 23.0.1
      - 23.0.2
      - 23.0.3
      - 24.0.0
      - 24.0.1
      - 24.0.2
      - 24.0.3
      - 25.0.0
      - 25.0.1
      - 25.0.2
      - 25.0.3
      - 26.0.0
      - 26.0.1
      - 26.0.2
      - 26.0.3
      - 27.0.0
      - 27.0.1
      - 27.0.2
      - 27.0.3
      - 28.0.0
      - 28.0.1
      - 28.0.2
      - 28.0.3
      - 29.0.0
      - 29.0.1
      - 29.0.2
      - 29.0.3
      - 30.0.0
      - 30.0.1
      - 30.0.2
      - 30.0.3
      - 31.0.0
      - 32.0.0
      - 32.1.0
      - 33.0.0
      - 33.0.1
      - 33.0.2
      - 33.0.3
      - 34.0.0
      - 34.0.0
      - 34.0.0
      - 34.0.0
      - 35.0.0
      - 35.0.0
      - 35.0.0
      - 35.0.0
      - 35.0.0
    System Images:
      - android-27 | Google Play Intel x86 Atom
      - android-28 | Intel x86 Atom_64
      - android-28 | Google Play Intel x86 Atom
      - android-29 | Google Play Intel x86 Atom
      - android-30 | Google APIs Intel x86 Atom
      - android-30 | Google Play Intel x86 Atom
      - android-33 | Intel x86_64 Atom
      - android-34 | Intel x86_64 Atom
      - android-34 | Google Play Intel x86_64 Atom
      - android-35 | Intel x86_64 Atom
      - android-35 | Google Play Intel x86_64 Atom
      - android-35 | Pre-Release 16 KB Page Size Google Play ARM Intel x86_64
        Atom
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23339.11.2421.12700392
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.13
    path: /usr/bin/javac
  Ruby:
    version: 3.3.6
    path: /usr/local/opt/ruby/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.0.1
    wanted: 15.0.1
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.6
    wanted: 0.76.6
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Stacktrace or Logs

.

Reproducer

https://github.com/react-native-community/reproducer-react-native

Screenshots and Videos

test.mp4
@react-native-bot react-native-bot added Needs: Author Feedback Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. Component: FlatList labels Jan 10, 2025
@react-native-bot
Copy link
Collaborator

Warning

Missing reproducer: We could not detect a reproducible example in your issue report. Please provide either:

@halhogal halhogal changed the title RTL FlatList horizontal Layout Pressable issues RTL FlatList horizontal Layout Pressable Version 0.76.6 issues Jan 10, 2025
@NickGerleman
Copy link
Contributor

Likely fixed by this commit landing in 0.77 513e966

Cannot nicely be cherry-picked into 0.76, but 0.77 build is getting released next week.

@cortinico cortinico added Resolution: Fixed A PR that fixes this issue has been merged. and removed Needs: Author Feedback labels Jan 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: FlatList Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. Resolution: Fixed A PR that fixes this issue has been merged.
Projects
None yet
Development

No branches or pull requests

4 participants