Open
Description
Environment
React Native using Expo.
"@react-native-community/slider": "4.5.6"
-
are you using the new architecture?
-
which version of react & react-native are you using?
19
Description
Screen.Recording.2025-05-31.001232.mp4
Reproducible Demo
const SliderSetting= ({settingName}: SliderSettingProps)=> {
const [value, setValue] = useState<number>(0.1);
return (
<View
style={{
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
gap: 24,
// backgroundColor: '#0000ff70',
}}
>
<Text
style={{
fontFamily: 'doto_rounded-Black',
fontSize: 24,
// minWidth: 256,
}}
>{settingName}</Text>
<Slider
style={{
width: 512,
}}
minimumValue={0}
maximumValue={0.5}
step={0.05}
value={value}
onValueChange={setValue}
minimumTrackTintColor="black"
maximumTrackTintColor="yellow"
thumbTintColor="black"
></Slider>
<Text
style={{
fontFamily: 'doto_rounded-Black',
fontSize: 24,
minWidth: 256,
}}
>{value}</Text>
</View>
)
}