npm.io
1.0.1 • Published 3 years ago

@vikalp_p/native-x-screen

Licence
MIT
Version
1.0.1
Deps
5
Size
7 kB
Vulns
0
Weekly
0

native-x-screen

semantic-release

A wrapper components for screens

Install

Yarn

yarn add native-x-screen
NPM
npm install native-x-screen

Usage

import { Screen, SafeAreaProvider } from 'native-x-screen'

function App() {
  return <SafeAreaProvider>...</SafeAreaProvider>;
}

function HomeScreen() {
  const header = (
    <View>
      <Text>HEADER</Text>
    </View>
  )
  return (
    <Screen header={header} hasForm scrollable keepKeyboard>
      ...
    </Screen>
  )
}

API

Property Default Value Usage
fill?: boolean true Fill container or available space
scrollable?: boolean false Set true if the screen is scrollable
hasForm?: boolean false Set true if the screen has a form
header?: ReactNode Header component
children?: ReactNode[] Content of the screen
keepKeyboard?: boolean false If set to true, keyboard will stay up while scrolling

Automatic Release

Here is an example of the release type that will be done based on a commit messages:

Commit message Release type
fix: [comment] Patch Release
feat: [comment] Minor Feature Release
perf: [comment] Major Feature Release
doc: [comment] No Release
refactor: [comment] No Release
chore: [comment] No Release