IntroScreen - monokaijs/core-ui GitHub Wiki

About

IntroScreen is a component which provides a swiper for introducing the application.

Component Parameters

Swiper

This component based on react-native-swiper, IntroSCreen technically relied on this library so you should take a look at this component for its documentation. Example:

const Intro = () => <IntroScreen screens={[{
  title: "Title",
  descripton: "Content of screen"
}]} swiperProps={{
  showButtons: true
}} />

Align

Align the content of the Intro Screen. Available values are:

• center
• middle-left
• bottom-center
• bottom-left
• bottom-right By default, the value of this param is center. Example:

const screens = [{
  title: "Title",
  description: "Description of the screen..."
}, {
  figure: require("../src/assets/test.png"),
  title: "Title",
  description: "Description of the screen..."
}];
// Example of having a start screen
const StartScreen = () => <IntroScreen screens={screens} align="center" />

Controls

Customize the controls of intro screen.

1. nextButton (boolean)
2. finishButton (boolean)