Keyboard Avoiding

KeyboardAvoiding prevents the software keyboard from obscuring text input fields.

Usage

FormScreen.tsx

import { KeyboardAvoiding, Input, Button } from '@masumdev/rn-ui';

export function FormScreen() {
  return (
    <KeyboardAvoiding scroll bg="background">
      <Input placeholder="Enter your email" />
      <Button tone="primary">Submit</Button>
    </KeyboardAvoiding>
  );
}

Props API

Prop	Type	Default	Description
children	ReactNode	—	Form elements wrapped by the container.
scroll	boolean	true	Wraps content in a ScrollView.
bg	ThemeColorName	—	Background color token.