README

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

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

Android

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

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')

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);

Usage no npm install needed!