Neatly Positioned Magazines

    react-native-mall-frame-client

    2.3.8 • Public • Published

    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 LibrariesAdd Files to [your project's name]
    2. Go to node_modulesreact-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 PhasesLink 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
    1. 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')
      
    2. 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);
     

    Install

    npm i react-native-mall-frame-client

    DownloadsWeekly Downloads

    90

    Version

    2.3.8

    License

    MIT

    Unpacked Size

    8.44 MB

    Total Files

    364

    Last publish

    Collaborators

    • cagdas89
    • canercay
    • huseyinbozkurt