1.0.1 • Published 1 year ago
@vikalp_p/native-x-screen v1.0.1
native-x-screen
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 |
1.0.1
1 year ago