A wrapper components for screens
yarn add native-x-screen
npm install native-x-screen
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>
)
}
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 |
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 |