diff --git a/src/components/primitives/Slider/SliderThumb.tsx b/src/components/primitives/Slider/SliderThumb.tsx index 10ee3808f9..f27a741ae4 100644 --- a/src/components/primitives/Slider/SliderThumb.tsx +++ b/src/components/primitives/Slider/SliderThumb.tsx @@ -1,5 +1,5 @@ import React, { forwardRef } from 'react'; -import { Platform } from 'react-native'; +import { Platform, StyleSheet } from 'react-native'; import { useSliderThumb } from '@react-native-aria/slider'; import { VisuallyHidden } from '@react-aria/visually-hidden'; import { useToken } from '../../../hooks'; @@ -64,22 +64,35 @@ function SliderThumb(props: ISliderThumbProps, ref: any) { return null; } + const styles = StyleSheet.create({ + wrapper: { + width: '100%', + }, + }); + return ( - {props.children} - {Platform.OS === 'web' && ( - - - - )} + + {props.children} + {Platform.OS === 'web' && ( + + + + )} + ); } diff --git a/src/components/primitives/Slider/SliderTrack.tsx b/src/components/primitives/Slider/SliderTrack.tsx index 28cfcbfc81..58f1483604 100644 --- a/src/components/primitives/Slider/SliderTrack.tsx +++ b/src/components/primitives/Slider/SliderTrack.tsx @@ -44,6 +44,8 @@ const SliderTrack = ({ children, ...props }: ISliderTrackProps, ref?: any) => { return (