search

satya164 / react-native-tab-view

A cross-platform Tab View component for React Native
MIT License
5.13k stars 1.07k forks source link

Migrate to Material You tabs design #1399

Open okwasniewski opened 2 years ago

okwasniewski commented 2 years ago

Material You

CleanShot 2022-10-29 at 13 31 36@2x

This issue is about tracking the progress on migrating react-native-tab-view design to Material You. Most of the changes are around labels and new indicator, which is now behaving more "naturally" animating depending on tab distance and also has new look.

Tabs now support two variants (Primary and Secondary)

CleanShot 2022-10-29 at 13 34 55@2x

Here is the link to Material Design 3 specification: https://m3.material.io/components/tabs/overview

New tabs design can be seen on Google Maps app on Android.

Behaviour

https://user-images.githubusercontent.com/52801365/198893875-eeff197f-8193-448d-96eb-861a6c7cdd20.mp4

github-actions[bot] commented 2 years ago

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

github-actions[bot] commented 2 years ago

Couldn't find version numbers for the following packages in the issue:

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.