Skip to content

Commit be4456a

Browse files
feat(example): split demos into tabbed screens
Organize example app into separate bottom tab screens for easier navigation and UI automation. Each screen is individually scrollable. - Demos: Button, Fade, Slide, Enter/Exit, Interrupt, Rotate, Scale, Transform Origin - Transitions: Combined, Custom Easing, Styled Card, Border Radius, Background Color, Delay, Style Re-Render - Loops: Pulse (Reverse), Scrolling Banner - Comparison: vs Reanimated (existing) Added @react-navigation/native, @react-navigation/bottom-tabs, react-native-screens
1 parent f64c614 commit be4456a

6 files changed

Lines changed: 968 additions & 647 deletions

File tree

example/package.json

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,15 @@
1212
},
1313
"dependencies": {
1414
"@expo/metro-runtime": "~55.0.6",
15+
"@react-navigation/bottom-tabs": "^7.15.5",
16+
"@react-navigation/native": "^7.1.33",
1517
"expo": "~55.0.0",
1618
"react": "19.2.0",
1719
"react-dom": "19.2.0",
1820
"react-native": "0.83.0",
1921
"react-native-reanimated": "^4.2.2",
2022
"react-native-safe-area-context": "^5.7.0",
23+
"react-native-screens": "^4.24.0",
2124
"react-native-web": "^0.21.0",
2225
"react-native-worklets": "^0.7.4"
2326
},
@@ -44,4 +47,4 @@
4447
"resolutions": {
4548
"@react-native/gradle-plugin": "0.83.0"
4649
}
47-
}
50+
}

0 commit comments

Comments
 (0)