react-native-screen-kit

A lightweight React Native utility library that provides a reusable ScreenWrapper and a powerful KeyboardAwareScrollView to simplify SafeArea handling, StatusBar configuration, scrolling, and keyboard behavior across screens.

✨ Features

• SafeAreaView and StatusBar handling
• Optional screen header support
• Scroll and non-scroll screen layouts
• Keyboard-aware scrolling for forms
• Works on both iOS and Android
• Minimal setup and easy to use

📦 Installation

npm install react-native-screen-kit

or

yarn add react-native-screen-kit

⚠️ Peer Dependencies

This package requires the following peer dependencies to be installed in your project:

npm install react react-native react-native-safe-area-context

or

yarn add react react-native react-native-safe-area-context

🚀 Usage

Import components:

import { ScreenWrapper, KeyboardAwareScrollView } from 'react-native-screen-kit';

Basic ScreenWrapper:

Screen with StatusBar configuration:

<ScreenWrapper statusBarColor="#FFFFFF" barStyle="dark-content" backgroundColor="#F5F5F5"

{children}

Screen with Header:

<ScreenWrapper headerComponent={}> {children}

Disable Scroll:

Keyboard-aware Form Screen:

📱 Supported Platforms

iOS
Android

📜 License

MIT