1.0.1 • Published 1 year ago

@vikalp_p/native-x-screen v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

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

PropertyDefault ValueUsage
fill?: booleantrueFill container or available space
scrollable?: booleanfalseSet true if the screen is scrollable
hasForm?: booleanfalseSet true if the screen has a form
header?: ReactNodeHeader component
children?: ReactNode[]Content of the screen
keepKeyboard?: booleanfalseIf 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 messageRelease type
fix: commentPatch Release
feat: commentMinor Feature Release
perf: commentMajor Feature Release
doc: commentNo Release
refactor: commentNo Release
chore: commentNo Release