From 0cd11c995e3c2479c76f9f4ca0859faed4b04757 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Bert?= Date: Mon, 2 Dec 2024 12:03:40 +0100 Subject: [PATCH 1/3] Fix code size in header --- docs/src/css/typography.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/docs/src/css/typography.css b/docs/src/css/typography.css index d8fc415e6b..42258d11a6 100644 --- a/docs/src/css/typography.css +++ b/docs/src/css/typography.css @@ -183,6 +183,11 @@ code { border-bottom: 1px solid var(--ifm-font-color-base); } +.markdown h2 code { + font-size: 22px; + font-weight: 600; +} + /* Sidebar */ [class*='menu__list-item-collapsible'] a { font-family: var(--swm-title-font); From 539f22d00c902756d6e20369c8338397e7a44f41 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Bert?= Date: Mon, 2 Dec 2024 12:29:29 +0100 Subject: [PATCH 2/3] Add swipe-scrollguide --- docs/docs/guides/swipe-and-scroll.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 docs/docs/guides/swipe-and-scroll.md diff --git a/docs/docs/guides/swipe-and-scroll.md b/docs/docs/guides/swipe-and-scroll.md new file mode 100644 index 0000000000..7843a22622 --- /dev/null +++ b/docs/docs/guides/swipe-and-scroll.md @@ -0,0 +1,14 @@ +--- +id: swipe-and-scroll +title: Swipeable components inside ScrollView (web) +--- + +## Adding custom swipeable components into `ScrollView` + +While we recommend using our own [`ReanimatedSwipeable`](../components/reanimated_swipeable.md) component, creating your own version of swipeable gives you more control over its behavior. Common issue here is that after creating your own swipeable component, scroll does not work. In that case, try adding [`touchAction`](../gestures/gesture-detector.md#touchaction-web-only) set to `"pan-y"`, like this: + +```jsx + + ... + +``` From 5037058cf69061889fa66d35f6baf0c76ac8632a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Bert?= Date: Mon, 2 Dec 2024 12:57:12 +0100 Subject: [PATCH 3/3] Minor changes --- docs/docs/guides/swipe-and-scroll.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/docs/docs/guides/swipe-and-scroll.md b/docs/docs/guides/swipe-and-scroll.md index 7843a22622..296f888cf7 100644 --- a/docs/docs/guides/swipe-and-scroll.md +++ b/docs/docs/guides/swipe-and-scroll.md @@ -1,10 +1,8 @@ --- id: swipe-and-scroll -title: Swipeable components inside ScrollView (web) +title: Custom swipeable components inside ScrollView (web) --- -## Adding custom swipeable components into `ScrollView` - While we recommend using our own [`ReanimatedSwipeable`](../components/reanimated_swipeable.md) component, creating your own version of swipeable gives you more control over its behavior. Common issue here is that after creating your own swipeable component, scroll does not work. In that case, try adding [`touchAction`](../gestures/gesture-detector.md#touchaction-web-only) set to `"pan-y"`, like this: ```jsx