react-native-mall-frame-client

Getting started

$ npm install react-native-mall-frame-client --save

Mostly automatic installation

$ react-native link react-native-mall-frame-client

• Android için custom postlink scripti eklendi.

• I0S için bir sonraki versiyonda eklenecek.

• For iOS you have to drag and drop InputMask framework to Embedded Binaries in General tab of Target and check ‘Yes’ in ‘Always Embed Swift Standard Libraries’ of Build Settings.

Manual installation

iOS

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ react-native-mall-frame-client and add RNMallFrameClient.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNMallFrameClient.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)<

Android

1. Open up android/app/src/main/java/[...]/MainActivity.java

• Add import com.kns.RNMallFrameClientPackage; to the imports at the top of the file
• Add new RNMallFrameClientPackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':react-native-mall-frame-client'
   project(':react-native-mall-frame-client').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-mall-frame-client/android')

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     compile project(':react-native-mall-frame-client')

Usage

Simply config file.

import {Platform} from 'react-native';
import {UpdateNewConfig} from "react-native-mall-frame-client/config/config";
import {
    AboutUs,
    AudioRecord,
    Browser,
    CafeRestaurants,
    Cinema,
    CinemaDetail,
    Contact,
    Dining,
    Entertainment,
    EventDetail,
    Events,
    Home,
    HowToGetHere,
    ImagePick,
    MallMap,
    OfferDetail,
    Offers,
    Parking,
    ServiceDetail,
    Services,
    Splash,
    StoreDetail,
    StoresList,
    storesPager,
    Wayfinder,
    WayfinderStoreList
} from "../app/screens";
import BrandListItem from "../app/components/brand/BrandListItem";
import OfferListItem from "../app/components/offer/OfferListItem";


let configuration = {
    /**
     *
     * Api URL And Default Info Data
     */

    BASE_URL: "{{API_URL}}",
    API_URL: "{{API_URL_WITH_MALL_ID}}",

    INFO_DATA: {
        language: 'en',
        device: Platform.OS,
        env: __DEV__ ? 'development' : 'production',
        push_token: this.push_token || '',
        userid: this.userid || ''
    },

    region: {
        identifier: 'KNS',
        uuid: '',
        major: ''
    },

    BASE_COLOR: '#63abfe',
    BASE_SECOND_COLOR: '#2a2a2a',

    /**
     *
     * Default Navbar Style
     */

    DEFAULT_NAVBAR_COLOR: '#63abfe',
    DEFAULT_NAVBAR_TITLE_COLOR: '#fff',

    /**
     *
     * Default Status Bar Color for Android and Status Bar Style Both
     */

    DEFAULT_STATUS_BAR_COLOR: '#63abfe',
    DEFAULT_STATUS_BAR_STYLE: 'light-content',

    /**
     *
     * Default BackgroundColor For Main Screens
     */

    DEFAULT_BACKGROUND_COLOR: '#f3f3f3',

    /**
     *
     * Default Ripple Effect Color for View and Buttons in Android
     */

    DefaultRippleColor: '#d5d5d5',

    /**
     *
     * Default Button Color
     */

    DEFAULT_BUTTON_COLOR: '#2a2a2a',
    DEFAULT_BUTTON_HIGHLIGHT_COLOR: '#555555',


    /**
     *
     * Default http parameter suffix
     */

    DEFAULT_HTTP_SUFFIX: () => {
        return `?language=en&device=${Platform.OS}`;
    },

    /**
     *
     *
     * beacon control active or passive
     */
    beaconMode: false,


    SplashScreen: {
        Enabled: true,
        Component: Splash,
        BackgroundImage: require('../assets/images/splash.png'),
    },

    HomeScreen: {
        Enabled: false,
        Component: Home,
        BoxHeight: 130,
        Refreshable: false
    },

    BrandScreen: {
        Enabled: false,
        Component: storesPager,
    },
    BrandListScreen: {
        Enabled: false,
        Component: StoresList,
    },
    BrandDetailScreen: {
        Enabled: false,
        Component: StoreDetail,
    },
    BrandListSubCategoryScreen: {
        Enabled: false,
        Component: false,
    },
    BrandImageGalleryScreen: {
        Enabled: false,
        Component: false,
    },
    BrandListItemComponent: {
        Enabled: true,
        Component: BrandListItem
    },


    WayfinderScreen: {
        Enabled: false,
        Component: Wayfinder,
    },
    WayfinderStoreListScreen: {
        Enabled: false,
        Component: WayfinderStoreList,
    },
    MallMapScreen: {
        Enabled: false,
        Component: MallMap,
    },

    CafeRestaurantScreen: {
        Enabled: false,
        Component: CafeRestaurants,
        CafeRestaurantCategoryId: "V1-x8j93l",
    },

    EventScreen: {
        Enabled: false,
        Component: Events,
    },
    EventDetailScreen: {
        Enabled: false,
        Component: EventDetail,
    },

    OfferScreen: {
        Enabled: false,
        Component: Offers,
    },
    OfferDetailScreen: {
        Enabled: false,
        Component: OfferDetail,
    },
    OfferListItemComponent: {
        Enabled: true,
        Component: OfferListItem
    },

    EntertainmentScreen: {
        Enabled: false,
        Component: Entertainment,
        FunCategoryId: "E15fLoc3e",
    },

    ServiceScreen: {
        Enabled: false,
        Component: Services,
    },
    ServiceDetailScreen: {
        Enabled: false,
        Component: ServiceDetail,
    },

    DiningScreen: {
        Enabled: false,
        Component: Dining,
    },
    CinemaScreen: {
        Enabled: false,
        Component: Cinema,
    },
    CinemaDetailScreen: {
        Enabled: false,
        Component: CinemaDetail,
    },
    ParkingScreen: {
        Enabled: false,
        Component: Parking,
    },
    CarParkingPhotoScreen: {
        Enabled: false,
        Component: ImagePick,
    },
    AudioRecordParkingScreen: {
        Enabled: false,
        Component: AudioRecord,
    },

    ContactScreen: {
        Enabled: false,
        Component: Contact,
    },

    AboutScreen: {
        Enabled: false,
        Component: AboutUs,
    },

    HowToGetHereScreen: {
        Enabled: false,
        Component: HowToGetHere,
    },

    BrowserScreen: {
        Enabled: false,
        Component: Browser,
    },

    WhatsNewScreen: {
        Enabled: false,
        Component: false,
    },
    WhatsNewDetailScreen: {
        Enabled: false,
        Component: false,
    },

    UpdateProfileScreen: {
        Enabled: false,
        Component: false,
    },
    RegisterScreen: {
        Enabled: false,
        Component: false,
    },
    ForgetPasswordScreen: {
        Enabled: false,
        Component: false,
    },
    ProfileScreen: {
        Enabled: false,
        Component: false,
    },
    LoginScreen: {
        Enabled: false,
        Component: false,
    },

    floorDimensionWidth: 1440,
    floorDimensionHeight: 1200,

    LoginWithFacebook: true,
    LoginWithGoogle: true,

    newsKeymap: {
        enabled: false,
    },

    DEFAULT_LANGUAGES: [
        {lang: 'English', sort: "EN"},
        {lang: 'Turkish', sort: "TR"},
        {lang: 'Arabian', sort: "AR"},
        {lang: 'Russian', sort: "RU"}
    ],


};

UpdateNewConfig(configuration);

You must update new config in index.{}.js file.

import { AppRegistry } from 'react-native';
import config from "./config/config"; // must be import before app.
import App from './App';
AppRegistry.registerComponent('example', () => App);