native-x-screen
A wrapper components for screens
Install
Yarn
yarn add native-x-screenNPM
npm install native-x-screenUsage
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 |