diff --git a/example/components/Carousel.tsx b/example/components/Carousel.tsx
index 49f1510..6fa5e02 100644
--- a/example/components/Carousel.tsx
+++ b/example/components/Carousel.tsx
@@ -12,9 +12,9 @@ const Carousel: React.FC<{ index: number }> = React.memo(
{`Popular in ${Faker.address.city()}`}
String(i))}
horizontal
keyExtractor={j => `row-${index}-item-${j}`}
diff --git a/example/components/CarouselItem.tsx b/example/components/CarouselItem.tsx
index 13cbd1e..db7fe0c 100644
--- a/example/components/CarouselItem.tsx
+++ b/example/components/CarouselItem.tsx
@@ -26,10 +26,6 @@ const CarouselItem: React.FC = React.memo(
}
}
/>
-
- {Faker.address.streetName()}
- {Faker.address.streetSuffix()}
-
);
@@ -41,11 +37,12 @@ export default CarouselItem;
const styles = StyleSheet.create({
item: {
- paddingHorizontal: 16,
+ paddingHorizontal: 4,
paddingVertical: 8,
},
imageStyle: {
- width: windowWidth - 32,
+ width: (windowWidth - 32) / 1.5,
+ height: 150,
resizeMode: 'cover',
},
});
diff --git a/example/components/Handle.tsx b/example/components/Handle.tsx
index 4484068..a0ad73a 100644
--- a/example/components/Handle.tsx
+++ b/example/components/Handle.tsx
@@ -17,7 +17,7 @@ const styles = StyleSheet.create({
header: {
alignItems: 'center',
backgroundColor: 'white',
- paddingTop: 20,
+ paddingVertical: 20,
borderTopLeftRadius: 20,
borderTopRightRadius: 20,
shadowColor: '#000',
diff --git a/example/screens/HorizontalFlatListExample.tsx b/example/screens/HorizontalFlatListExample.tsx
index 75f3bee..605b756 100644
--- a/example/screens/HorizontalFlatListExample.tsx
+++ b/example/screens/HorizontalFlatListExample.tsx
@@ -28,7 +28,7 @@ const initialRegion = {
longitude: -0.1255756,
};
const { height: windowHeight } = Dimensions.get('window');
-const snapPointsFromTop = [128, '50%', windowHeight - 128];
+const snapPointsFromTop = [96, '50%', windowHeight - 128];
const HorizontalFlatListExample: React.FC = ({ navigation }) => {
const bottomSheetRef = React.useRef | null>(null);
@@ -36,7 +36,7 @@ const HorizontalFlatListExample: React.FC = ({ navigation }) => {
const animatedPosition = React.useRef(new Value(0));
const opacity = interpolate(animatedPosition.current, {
inputRange: [0, 1],
- outputRange: [0, 0.5],
+ outputRange: [0, 0.75],
extrapolate: Extrapolate.CLAMP,
});
@@ -84,7 +84,7 @@ const HorizontalFlatListExample: React.FC = ({ navigation }) => {
@@ -101,7 +101,7 @@ const HorizontalFlatListExample: React.FC = ({ navigation }) => {
keyExtractor={i => `row-${i}`}
initialNumToRender={5}
contentContainerStyle={styles.contentContainerStyle}
- data={Array.from({ length: 20 }).map((_, i) => String(i))}
+ data={Array.from({ length: 100 }).map((_, i) => String(i))}
renderItem={renderRow}
/>
diff --git a/example/screens/SectionListExample.tsx b/example/screens/SectionListExample.tsx
index 85d6ac5..e6f41cf 100644
--- a/example/screens/SectionListExample.tsx
+++ b/example/screens/SectionListExample.tsx
@@ -28,7 +28,7 @@ const navBarHeight = 56;
const sections = createMockData();
const SectionListExample: React.FC = () => {
- const snapPointsFromTop = [0, '40%', windowHeight - 264];
+ const snapPointsFromTop = [96, '45%', windowHeight - 264];
const animatedPosition = React.useRef(new Value(0.5));
const handleLeftRotate = concat(
interpolate(animatedPosition.current, {
@@ -48,7 +48,7 @@ const SectionListExample: React.FC = () => {
);
const cardScale = interpolate(animatedPosition.current, {
inputRange: [0, 0.6, 1],
- outputRange: [1, 1, 0.8],
+ outputRange: [1, 1, 0.9],
extrapolate: Extrapolate.CLAMP,
});
@@ -118,7 +118,7 @@ const SectionListExample: React.FC = () => {
easing: Easing.inOut(Easing.linear),
}}
renderHandle={() => (
-
+