callstack / callstack/react-native-bottom-tabs

Disable default animation on iOS 26

オープン
#430 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
bug
主要言語
TypeScript
スター
1.5k
フォーク
109
平均マージ
11時間 44分
マージ済み PR(30日)
8

説明

### Before submitting a new issue

- [x] I tested using the latest version of the library, as the bug might be already fixed.
- [x] I tested using a [supported version](https://github.com/reactwg/react-native-releases/blob/main/docs/support.md) of react native.
- [x] I checked for possible duplicate issues, with possible answers.

### Bug summary

Basically same as this https://github.com/callstackincubator/react-native-bottom-tabs/issues/45 but for iOS 26. Is there some native props for it? I assume yes when I check the "App Store app. See the video (it has some strange effect specially on the buttons):

https://github.com/user-attachments/assets/51282271-6450-443e-911c-fb4a7681fdb5

### Library version

0.11.2

### Environment info

```shell
System:
OS: macOS 15.6.1
CPU: (14) arm64 Apple M4 Pro
Memory: 201.69 MB / 48.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 22.19.0
path: ~/.nvm/versions/node/v22.19.0/bin/node
Yarn:
version: 4.9.2
path: ~/.nvm/versions/node/v22.19.0/bin/yarn
npm:
version: 10.9.3
path: ~/.nvm/versions/node/v22.19.0/bin/npm
Watchman:
version: 2025.02.10.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods: Not Found
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.0
- iOS 26.0
- macOS 26.0
- tvOS 26.0
- visionOS 26.0
- watchOS 26.0
Android SDK:
API Levels:
- "33"
- "34"
- "35"
- "36"
Build Tools:
- 33.0.1
- 34.0.0
- 35.0.0
- 36.0.0
- 36.0.0
System Images:
- android-28 | Google ARM64-V8a Play ARM 64 v8a
- android-29 | Google Play ARM 64 v8a
- android-34 | Google Play ARM 64 v8a
- android-35 | Google APIs ARM 64 v8a
- android-35 | Pre-Release 16 KB Page Size Google Play ARM 64 v8a
- android-36 | Google Play ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2025.1 AI-251.26094.121.2513.14007798
Xcode:
version: 26.0/17A321
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.13
path: /usr/bin/javac
Ruby:
version: 2.6.10
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 20.0.0
wanted: 20.0.0
react:
installed: 19.1.0
wanted: 19.1.0
react-native:
installed: 0.81.4
wanted: 0.81.4
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: true
```

### Steps to reproduce

Just adding couple of tabs and run in iOS 26.

### Reproducible sample code

```js
export const RootStack = () => {
return (





);
};

export const BottomTabsStack = () => {
return (

({ sfSymbol: 'house' }),
}}
/>
({ sfSymbol: 'gear' }),
}}
/>

);
};

function App() {
return (



);
}
```

Also:

```
"@bottom-tabs/react-navigation": "^0.11.2",
"@react-navigation/native": "^7.1.17",
"@react-navigation/native-stack": "^7.3.26",
"react-native-safe-area-context": "^5.6.1",
"react-native-screens": "^4.16.0",
```

Using react-native cli.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、iOS 26 で disablePageAnimations を指定した BottomTabsStack の例から問題を再現し、次に issue 45 と動作を比較します。ネイティブのタブアニメーションのエントリーポイントと利用可能な props を調査します。完了条件は、タブナビゲーションを壊すことなく、不要なデフォルトアニメーションが無効になることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
ios, react-native, typescript
領域
mobile-dev
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。