Use regular ScrollView on native

The Draggable thing was needed for web-only behavior so we can drop it in the native fork.
This commit is contained in:
Dan Abramov
2024-11-26 22:13:35 +00:00
parent 247c6f452d
commit 82b227e64a
+2 -3
View File
@@ -4,7 +4,6 @@ import {LayoutChangeEvent, ScrollView, StyleSheet, View} from 'react-native'
import {usePalette} from '#/lib/hooks/usePalette' import {usePalette} from '#/lib/hooks/usePalette'
import {PressableWithHover} from '../util/PressableWithHover' import {PressableWithHover} from '../util/PressableWithHover'
import {Text} from '../util/text/Text' import {Text} from '../util/text/Text'
import {DraggableScrollView} from './DraggableScrollView'
export interface TabBarProps { export interface TabBarProps {
testID?: string testID?: string
@@ -72,7 +71,7 @@ export function TabBar({
testID={testID} testID={testID}
style={[pal.view, styles.outer]} style={[pal.view, styles.outer]}
accessibilityRole="tablist"> accessibilityRole="tablist">
<DraggableScrollView <ScrollView
testID={`${testID}-selector`} testID={`${testID}-selector`}
horizontal={true} horizontal={true}
showsHorizontalScrollIndicator={false} showsHorizontalScrollIndicator={false}
@@ -104,7 +103,7 @@ export function TabBar({
</PressableWithHover> </PressableWithHover>
) )
})} })}
</DraggableScrollView> </ScrollView>
<View style={[pal.border, styles.outerBottomBorder]} /> <View style={[pal.border, styles.outerBottomBorder]} />
</View> </View>
) )