Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

When changing the iPad orientation to landscape, the react-native-collapsible-tab-view only takes up half of the screen, causing the UI to become distorted #445

Open
josephgerald opened this issue Sep 30, 2024 · 1 comment
Open

When changing the iPad orientation to landscape, the react-native-collapsible-tab-view only takes up half of the screen, causing the UI to become distorted #445

josephgerald opened this issue Sep 30, 2024 · 1 comment
Labels
question Further information is requested

Comments

@josephgerald
Copy link

I have used this react-native-collapsible-tab-view in a screen. As I change the orientation in iPad, the react-native-collapsible-tab-view component is shown in half screen and the entire design is distorted.

Simulator Screenshot - iPad Pro (12 9-inch) (6th generation) - 2024-09-30 at 15 18 18
@josephgerald josephgerald added the question Further information is requested label Sep 30, 2024
@josephgerald josephgerald changed the title When changing the iPad orientation the react-native-collapsible-tab-view is shown in half screen and UI is distorted When changing the iPad orientation to landscape, the react-native-collapsible-tab-view only takes up half of the screen, causing the UI to become distorted Sep 30, 2024
@PranshulDesuntech
Copy link

PranshulDesuntech commented Nov 17, 2024 •
edited
Loading

Mentioning width: "100%" in the Tabs.Container solved that issue for me:

<Tabs.Container width="100%">
<Tabs.Tab>
// your tabs..
</Tabs.Tab>
</Tabs.Container>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
question Further information is requested
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@josephgerald @PranshulDesuntech