Menu
I am using React Native's FlatList component. When user is scrolling through FlatList on Android with TalkBack on, it does not read "showing items ... to ... of ..."
On iOS, scrolling with Voiceover does give feedback (showing page x of y).
I'm wondering if this is a gap in react native's FlatList? Or am I missing some settings?
652
to set the scrollEnabled prop to false to disable scrolling on the FlatList. To enable or disable scrolling on FlatList with React Native, we can set the scrollEnabled prop.
By default, the list looks for a key prop on each item and uses that for the React key. Alternatively, you can provide a custom keyExtractor prop. Inherits ScrollView Props, unless it is nested in another FlatList of same orientation.
By passing extraData= {selectedId} to FlatList we make sure FlatList itself will re-render when the state changes. Without setting this prop, FlatList would not know it needs to re-render any items because it is a PureComponent and the prop comparison will not show any changes.
There are some conflicting for the talkback as mentioned in the Accessibility api but without a reference code its hard to debug the answer.
Here are a few points to note in the beginning -
accessible={true} to make the view accessible. It will wrap all its children to a single accessible component
Check if the screen reader is active using AccessiblityInfo
Your issue might lie here
As mentioned
In the case of two overlapping UI components with the same parent, default accessibility focus can have unpredictable behavior.
Therefore you might need to set importantForAccessibility label to resolve this issue and can accept props auto, yes, no and no-hide-descendants
76
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
