{"version":"1.0","type":"rich","title":"Gist bdc93540e598547512a61e1370c2bf71","description":"This example demonstrates a mobile app navigation interface with two tabs, Explore and User Profile, both rendering the same Explore screen component. The code uses React Navigation’s `TabNavigator` to create a bottom tab bar with a white background and a coral active tint color (#ff5a5f). Swiping between tabs is disabled, and the tab bar is positioned at the bottom with extra vertical padding. The configuration relies on screen names defined in `screenNames` and a custom styling object for the tab bar options. No data visualization or charting library is involved; the example focuses purely on navigational structure and tab styling.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-bdc93540e598547512a61e1370c2bf71?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}