v0.7.1

What's Changed

• fix(ios): correctly handle active items for scroll edge transparent by @okwasniewski in #166
• feat: add README to packages by @okwasniewski in #167

Full Changelog: https://github.com/okwasniewski/react-native-bottom-tabs/compare/[email protected]@0.7.1

v0.7.0

What's Changed

• feat: add changesets by @okwasniewski in #155
• fix: remove tab bar icon workaround by @okwasniewski in #157
• feat: implement useBottomTabBarHeight by @okwasniewski in #158
• Feat/react navigation v7 by @okwasniewski in #159
• Fix/change haptic feedback by @okwasniewski in #163

Warning

This release drops support for React Navigation v6, if you want to still use React Navigation v6 make sure to stay on @bottom-tabs/[email protected]. The main package can still be updated to receive future updates.

Note

hapticFeedbackEnabled is now set to false by default.

Full Changelog: https://github.com/okwasniewski/react-native-bottom-tabs/compare/[email protected]

v0.6.0

What's Changed

• feat: add issue templates by @okwasniewski in #146
• feat: migrate to monorepo by @okwasniewski in #147
• feat: add expo example by @okwasniewski in #148
• fix: remove unused image loader by @okwasniewski in #151
• feat: ✨ introduce separate package for navigation integration by @okwasniewski in #152
• docs: document new package by @okwasniewski in #153

Warning

This release contains a breaking change!

You need to change your import from:

import { createNativeBottomTabNavigator } from 'react-native-bottom-tabs/react-navigation';

to:

import { createNativeBottomTabNavigator } from '@bottom-tabs/react-navigation';

Make sure to also install the new integration package:

yarn add @bottom-tabs/react-navigation

Note: This is also the last release to support React Navigation v6, starting from 0.7.0 the @bottom-tabs/react-navigation will only support React Navigation v7 but users wanting support for React Navigation v6 can still use 0.6.0

Full Changelog: v0.5.2...v0.6.0

Release 0.5.2

What's Changed

• Fix ios build on old xcode by @juliesaia-vendora in #144
• Fix compatibility issues with Expo Image by @okwasniewski in #145

New Contributors

• @juliesaia-vendora made their first contribution in #144

Full Changelog: v0.5.1...v0.5.2

Release 0.5.1

What's Changed

• fix jsdoc of disablePageAnimations by @jnsdrssn in #139
• fix: bump SDWebImage by @okwasniewski in #142
• fix: tvOS compile error and appearance by @douglowder in #140

New Contributors

• @jnsdrssn made their first contribution in #139

Full Changelog: v0.5.0...v0.5.1

Release 0.5.0

What's Changed

• fix: appearance handling on iOS by @okwasniewski in #133
• fix(iOS): various fixes for Apple TV by @douglowder in #134
• feat: add custom fonts support by @okwasniewski in #135
• docs: instruct users to use one config plugin by @okwasniewski in #136
• feat: svg support by @okwasniewski in #138

Build changes

It's now required to build your app with use_frameworks!, :linkage => :static.

For Expo users add this to your app.json

{
  "expo": {
    "plugins": [
       "react-native-bottom-tabs",
+      [
+        "expo-build-properties",
+        {
+          "ios": {
+            "useFrameworks": "static"
+          }
+        }
+      ]
+    ]
  }
}

SVG Support!

You can now pass .svg images either statically or remotely. This release contains rewritten icon handling.

<Tab.Screen
  name="Albums"
  component={Albums}
  options={{
    tabBarIcon: () => require('person.svg'),
    // or
    tabBarIcon: () => ({ uri: 'https://example.com/icon.svg' }),
  }}
/>

Custom fonts

You can now pass custom tabLabelStyle:

<Tab.Navigator
  tabLabelStyle={{
    fontFamily: 'Avenir',
      fontSize: 15,
   }}
>

Full Changelog: v0.4.0...v0.5.0

Release 0.4.0

What's Changed

• feat: add embedded stack example by @okwasniewski in #126
• feat: support hiding tabs by @okwasniewski in #111
• fix: change ignoresTopSafeArea defalt to true in order to match JS Tabs by @okwasniewski in #127
• fix: hide routes with opacity 0 for Android by @okwasniewski in #129
• fix: white screen on compiler <6.0 by @okwasniewski in #132

Warning

ignoresTopSafeArea prop's default value is now true!

Full Changelog: v0.3.2...v0.4.0

Release 0.3.2

What's Changed

• docs: fix rspress compiler error by @kingsword09 in #119
• docs: update getting started by @okwasniewski in #120
• docs: add standalone usage by @okwasniewski in #121
• fix: stretch tabbar to full width by @okwasniewski in #122
• fix: layouting on Android move to zIndex by @okwasniewski in #125

New Contributors

• @kingsword09 made their first contribution in #119

Full Changelog: v0.3.1...v0.3.2

Release 0.3.1

What's Changed

• docs: add missing prop by @okwasniewski in #112
• feat: implement prevent default by @okwasniewski in #116

Full Changelog: v0.3.0...v0.3.1

Release 0.3.0

What's Changed

• docs: mark tvOS as supported platform by @thymikee in #102
• docs: add missing Android-Only badge by @shovel-kun in #105
• feat(docs): back behaviour props added for Android by @shubhamguptadream11 in #106
• docs: update platform images in how is it different by @okwasniewski in #109
• feat: native support for haptic feedback by @okwasniewski in #108
• fix: make more tab work by @okwasniewski in #110

New Contributors

• @thymikee made their first contribution in #102
• @shovel-kun made their first contribution in #105

Full Changelog: v0.2.1...v0.3.0