Skip to main content

Core Components

With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code

View​

Basic components:

Common

  • Avatar
  • Button
  • CheckBox
  • ColorApp
  • FloatButton
  • FontText
  • Input
  • Label
  • Radiobutton
  • TextButton
  • Modal

Popup

  • AddToCartPopup
  • ConfirmChangeLanguge
  • DisplayPopup
  • Drawer
  • ExitAppPopup
  • ExitPagePopup
  • InfoPopup

Core Components

  • AuthenContainer
  • Button
  • ButtonFavourite
  • Checkbox
  • CountDown
  • DatePickerBottom
  • Discount
  • EmptyProductView
  • Flex
  • HorizontalProductList
  • HTMLText
  • Loading
  • ModalContainer
  • ScaleButton
  • Toast
  • VoucherItem
  • ViewInvisibleAnimated

Core​

DeeplinkManager

ImagePickerManager

NotificationCenterManager

ResourcesManager

Localization (config language)

Service​

Redux

Service Api

Saga

Utils​

All rule format in here Open Rule

And more component in React native

Usage

import { Flex } from '@components';


const HomeScreen = (props) => {

  return {
    <Flex 
     style={styles.flex1}>
      {props.children} 
    </Flex>
  }
}

export default HomeScreen;