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.

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

KeyboardToolbar still shows container of arrows even when showArrows={false} #848

Open
spaansba opened this issue Mar 8, 2025 · 2 comments · May be fixed by #851
Open

KeyboardToolbar still shows container of arrows even when showArrows={false} #848

spaansba opened this issue Mar 8, 2025 · 2 comments · May be fixed by #851
Assignees
Labels
🐛 bug Something isn't working KeyboardToolbar Anything related to KeyboardToolbar component

Comments

@spaansba
Copy link

spaansba commented Mar 8, 2025

Describe the bug
When you set showArrows={false} in the KeyboardToolbar component, you would expect the arrows to be completely removed from the UI. However, while the arrows themselves disappear, their container wrapper remains visible, leaving an empty space with the background color still showing on the left side of the custom toolbar.

Code snippet

<KeyboardToolbar
      offset={{ opened: tabBarHeight }}
      showArrows={false}
      content={<View className="size-full bg-red-300"></View>}
    />

Repo for reproducing
https://github.com/spaansba/Toaster
using it in components/messenger/MessengerWrapper

To Reproduce

  1. Implement the KeyboardToolbar with showArrows={false}
  2. Run the app on a device or simulator
  3. Open the keyboard to see the toolbar
  4. Notice the empty space on the left side where arrows would normally be

Expected behavior
When setting showArrows={false}, the entire arrow section (including its container) should be removed from the layout, with no empty space remaining.

Smartphone (please complete the following information):

  • Device: iPhone 13
  • OS: IOS 18.3.1
  • RN version: 0.76.7
  • expo version: 52.0.35
  • RN architecture: new
  • Library version: 1.16.0

Screenshots
Image

@kirillzyusko
Copy link
Owner

@spaansba i.e. you want your pink view to touch left border of the screen, right?

@spaansba
Copy link
Author

spaansba commented Mar 9, 2025

Exactly @kirillzyusko

@kirillzyusko kirillzyusko added 🐛 bug Something isn't working KeyboardToolbar Anything related to KeyboardToolbar component labels Mar 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working KeyboardToolbar Anything related to KeyboardToolbar component
Projects
None yet
2 participants