Skip to content

feat: KeyboardEffects#1409

Open
kirillzyusko wants to merge 3 commits intomainfrom
feat/keyboard-effects
Open

feat: KeyboardEffects#1409
kirillzyusko wants to merge 3 commits intomainfrom
feat/keyboard-effects

Conversation

@kirillzyusko
Copy link
Copy Markdown
Owner

@kirillzyusko kirillzyusko commented Mar 27, 2026

📜 Description

💡 Motivation and Context

Initially I wanted to implement this UI:

ScreenRecording_03-27-2026.16-03-52_1.MP4

Closes #1410

📢 Changelog

JS

iOS

Android

🤔 How Has This Been Tested?

📸 Screenshots (if appropriate):

Simulator.Screen.Recording.-.iPhone.17.Pro.-.2026-03-27.at.16.02.47.mov

📝 Checklist

  • CI successfully passed
  • I added new mocks and corresponding unit-tests if library API was changed

@kirillzyusko kirillzyusko self-assigned this Mar 27, 2026
@kirillzyusko kirillzyusko added enhancement New feature or request KeyboardEffects 🌈 Anything related to KeyboardEffects component labels Mar 27, 2026
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Mar 27, 2026

📊 Package size report

Current size Target Size Difference
316579 bytes 312992 bytes 3587 bytes 📈

kirillzyusko added a commit that referenced this pull request Mar 31, 2026
## 📜 Description

Added `keyboardBorderRadius` variable as exported constant from this
module.

## 💡 Motivation and Context

On iOS 26 keyboard started to have a rounded corners. However, if you
compile app with XCode 26 or if you intentionally disable new keyboard
via `plist` file you will get old keyboard. At the moment
`KeyboardToolbar` relies on iOS 26 presence only and it may cause
inconsistencies.

In this PR I'm fixing it by adding an exported constant that indicates a
radius of keyboard. Now we can compare it with `0` to understand which
exactly keyboard is shown.

These changes will also need to be present to make
#1409
working across all devices 🤞

## 📢 Changelog

<!-- High level overview of important changes -->
<!-- For example: fixed status bar manipulation; added new types
declarations; -->
<!-- If your changes don't affect one of platform/language below - then
remove this platform/language -->

### JS

- declared `getConstants` method on native module;
- updated TS spec and included new method signature;
- declared `KEYBOARD_BORDER_RADIUS` in `constants` file;
- used `KEYBOARD_BORDER_RADIUS` in `KeyboardToolbar` code.

### iOS

- added `usesModernKeyboard` helper;
- added `constantsToExport`/`getConstants` module method;

### Android

- added `keyboardBorderRadius` variable as exported constant;
- added `getConstants` method to module;

## 🤔 How Has This Been Tested?

Tested manually fabric/paper on iPhone 15 (iOS 15.5)/iPhone 17 Pro (iOS
26.2)/Pixel 9 Pro (API 35).

## 📸 Screenshots (if appropriate):

<img width="845" height="81" alt="image"
src="https://github.com/user-attachments/assets/9453e160-831b-4d9f-b6e6-1967225f93a5"
/>

## 📝 Checklist

- [x] CI successfully passed
- [x] I added new mocks and corresponding unit-tests if library API was
changed
@kirillzyusko kirillzyusko force-pushed the feat/keyboard-effects branch from 949d5b5 to 75937de Compare March 31, 2026 08:17
@kirillzyusko kirillzyusko added the example Anything related to example project label Mar 31, 2026
@kirillzyusko kirillzyusko force-pushed the feat/keyboard-effects branch from 6c708dc to b568eed Compare April 10, 2026 18:49
@kirillzyusko kirillzyusko marked this pull request as ready for review April 10, 2026 18:50
@kirillzyusko kirillzyusko marked this pull request as draft April 10, 2026 18:50
@kirillzyusko kirillzyusko marked this pull request as ready for review April 10, 2026 20:31
@kirillzyusko kirillzyusko marked this pull request as draft April 10, 2026 20:31
@kirillzyusko kirillzyusko marked this pull request as ready for review April 11, 2026 14:22
@kirillzyusko kirillzyusko force-pushed the feat/keyboard-effects branch from 7f7aa7a to 60fa3a6 Compare April 11, 2026 20:36
@kirillzyusko kirillzyusko force-pushed the feat/keyboard-effects branch from 38264b2 to 0602f3d Compare April 11, 2026 21:48
Repository owner deleted a comment from github-actions Bot Apr 11, 2026
Repository owner deleted a comment from github-actions Bot Apr 11, 2026
Repository owner deleted a comment from github-actions Bot Apr 11, 2026
Repository owner deleted a comment from github-actions Bot Apr 11, 2026
Repository owner deleted a comment from github-actions Bot Apr 11, 2026
Repository owner deleted a comment from github-actions Bot Apr 11, 2026
Repository owner deleted a comment from github-actions Bot Apr 11, 2026
Repository owner deleted a comment from github-actions Bot Apr 11, 2026
Repository owner deleted a comment from github-actions Bot Apr 11, 2026
@github-actions
Copy link
Copy Markdown
Contributor

LGTM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request example Anything related to example project KeyboardEffects 🌈 Anything related to KeyboardEffects component

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Disable keybord transparency

1 participant