react-native-edge-to-edge

Effortlessly enable edge-to-edge display in React Native (formerly known as react-native-bars).

MIT License

Downloads
5.3K
Stars
452
Committers
4
react-native-edge-to-edge - 0.1.1 Latest Release

Published by zoontek 14 days ago

react-native-edge-to-edge -

Published by zoontek 14 days ago

  • Initial release
react-native-edge-to-edge - 2.4.3

Published by zoontek 10 months ago

  • Add Android Gradle plugin 8 compatibility
  • Fix AndroidManifest.xml namespace deprecation warning
react-native-edge-to-edge - 2.4.2

Published by zoontek 10 months ago

  • Update default darkContentBarsStyle value for easier light / dark themes handling
react-native-edge-to-edge - 2.4.1

Published by zoontek 10 months ago

  • Use android:windowLayoutInDisplayCutoutMode: always on Android >= 11
react-native-edge-to-edge - 2.4.0

Published by zoontek 10 months ago

  • Add darkContentBarsStyle android custom style property (documentation)
  • Add RNBars.init(activity: Activity, enableKeyboardHandling: Boolean = true) new static method that read the value darkContentBarsStyle property value
  • Update documentation with react-native 0.73 (Kotlin) instructions
react-native-edge-to-edge - 2.3.0

Published by zoontek about 1 year ago

  • Add windowLayoutInDisplayCutoutMode for Android API 27+
react-native-edge-to-edge - 2.2.2

Published by zoontek over 1 year ago

  • Use gradle namespace conditionally in order to improve old react native version compatibility.
    ⚠️ Note that this library officially now follows the React Native releases support policy. If you have been impacted by this bug, that means you are using an unsupported react native version and should upgrade to the latest.
react-native-edge-to-edge - 2.2.1

Published by zoontek over 1 year ago

  • Add gradle namespace for react native 0.73 compatibility
react-native-edge-to-edge - 2.2.0

Published by zoontek over 1 year ago

  • Add Theme.EdgeToEdge for easier android setup (#22)
    This means you'll only have to edit your main styles.xml:
<resources xmlns:tools="http://schemas.android.com/tools"><!-- use tools -->

  <!-- make AppTheme inherit from Theme.EdgeToEdge -->
  <style name="AppTheme" parent="Theme.EdgeToEdge">
    <!-- … -->

    <!-- set bars initial styles: true = dark-content, false = light-content -->
    <item name="android:windowLightStatusBar" tools:targetApi="m">true</item>
    <item name="android:windowLightNavigationBar" tools:targetApi="o_mr1">true</item>
  </style>

</resources>
react-native-edge-to-edge - 2.1.0

Published by zoontek over 1 year ago

react-native-edge-to-edge - 2.0.0

Published by zoontek over 1 year ago

  • New architecture support 🎉
  • Drop support for react-native < 0.70
react-native-edge-to-edge - 1.3.0

Published by zoontek about 2 years ago

Add android:windowSoftInputMode="adjustResize" compatibility (#16). Remove the need to switch to adjustPan.

react-native-edge-to-edge - 1.2.3

Published by zoontek about 2 years ago

  • Update project and example dependencies
  • Add a step in the Android documentation to mention adjustPan (fixes #15)

To fix keyboard issues, update your AndroidManifest.xml file to set android:windowSoftInputMode to adjustPan:

<activity
    android:name=".MainActivity"
    // …
    android:launchMode="singleTask"
-   android:windowSoftInputMode="adjustResize"
+   android:windowSoftInputMode="adjustPan"
react-native-edge-to-edge - 1.2.2

Published by zoontek about 2 years ago

react-native-edge-to-edge - 1.2.1

Published by zoontek about 2 years ago

  • Update project and example dependencies
  • Update the Android setup documentation. It's now recommended to use onCreate instead of loadApp to init react-native-bars as soon as possible:
import com.facebook.react.ReactActivity;
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;

+ import android.os.Bundle;
import com.zoontek.rnbars.RNBars;

public class MainActivity extends ReactActivity {

  // …

+ @Override
+ protected void onCreate(Bundle savedInstanceState) {
+   super.onCreate(savedInstanceState); // or super.onCreate(null) with react-native-screens
+   RNBars.init(this "dark-content"); // could be light-content
+ }

  public static class MainActivityDelegate extends ReactActivityDelegate {

    // …

-   @Override
-   protected void loadApp(String appKey) {
-     super.loadApp(appKey);
-     RNBars.init(getPlainActivity(), "dark-content"); // could be light-content
-   }
  }
}
react-native-edge-to-edge - 1.2.0

Published by zoontek over 2 years ago

  • Update AndroidX core package to 1.8.0
  • Update example project to React Native 0.69.0
react-native-edge-to-edge - 1.1.5

Published by zoontek over 2 years ago

  • Fix local variable accessed from inner class (#8 by @chrismcleod)
react-native-edge-to-edge - 1.1.4

Published by zoontek over 2 years ago

  • Update project and example dependencies
react-native-edge-to-edge - 1.1.3

Published by zoontek over 2 years ago

  • Add support for React Native >= 0.68 (⚠️ Note that the new architecture isn't supported yet!)
Package Rankings
Top 27.62% on Npmjs.org
Badges
Extracted from project README
mit licence npm version npm downloads
Related Projects