Code

Discussion on BeoStore - Complete Mobile UI template for React Native

Discussion on BeoStore - Complete Mobile UI template for React Native

Cart 305 sales

57 comments found.

I’m not using with Expo, can I buy this template and work without Expo?

Hi, thank you for your question, we will check solution and update the detach Expo on next version.

this is a trash, cant work

Hi, what’s your issue? could you share the screenshot? Thank you!

hi ist possible to add this template to mstore? more urgent

Hi, we will investigate to add more theming into MStore later, so far apply this template to Mstore take a little bit time for customize the UI. Thank you!

I followed the procedure in the git book, able to open the project in EXPO also. However when I open the the device->IOS Simulator , it shows white loading screen with message at the bottom “Downloading Javascript bundle 100.00%”. It is stuck there node v -> v6.2.2

Can you also send non-expo version to my mail?

Hi please try to upgrade the node and Expo to latest version will fix the issue, you can init the project from react-native-cli then copy the component or screen to your project, the component is design separately so it not impact by using Expo

How to install it?

I have done ‘npm install’ and trying to launch it with command ‘react-native run-android’...it did not worked

Please try with the steps from the document guide https://minhcasi.gitbooks.io/beoui/content/getting-started.html As we are using Expo so that we can not use react-native-cli to run the project, it should be run via Expo XDE – thank you

hi, may i know the stack for this app?

Hi, this is the UI for React Native framework, mostly for the frontend site and can be run on Expo, please also check from our demo link. Thank you!

Pre-Sale questions:

1- is this a template only ? Can I link it to my woo commerce site or do I need to hire someone for it ? I couldn’t find integration with woo commerce in the docs.

2- Its mentioned there are 4 menus, where can I view them ?

Hi, this is only the template, you can use other product Mstore which is fully integrate with Woocommerce, you can change the menu option from – RootRouter.js file

Hi, please send me a version without Expo and using react-native-cli, thanks.

Hi, please share your email to our support email then we will send the detach version for you, thank you!

Hi, i create a new project and copy App folder, App.js, app.json and package to it, then i run nmp update, it build success, but when i run in iOS simulator, it show error ‘Native modules can not be null.’, at Location.js, in NativeEventEmitter class. Please help me fix it. Thanks.

where is the react native files like your tutorial video, I don’t wanna use expo

Hi, could we know your email then we will send previous version which is not support Expo and using the react-native-cli. Thank you!

can this work with buddypress?

can it support indian payment gateway like payumoney, razorpay.

I do exactly as the document but got errors: “There was an unhandled error: java.net.ConnectExeption: Failed to connect to localhost/127.0.0.1:9000” both in physical and virtual device. Can you check? Thanks

I follow the troubleshooting and fix the providesModule same name, however still can not connect to local host as before. Can you check? It said: “Uncaught Error: java.net.ConnectException: Failed to connect to localhost/127.0.0.1:19000 (fatal error)

Hi, sorry for lated response, can you try to change the Host to Lan and protocol to exp to see if it can be fixed. Thank you

Hi There,

I trying to run the project, but I getting below error:

Failed to build DependencyGraph: @providesModule naming collision: Duplicate module name: react-native-vector-icons Paths: /Volumes/Repository/mangoler-app/rn-app/node_modules/react-native/local-cli/core/fixtures/files/package.json collides with /Volumes/Repository/mangoler-app/rn-app/node_modules/react-native-router-flux/node_modules/react-native/local-cli/core/fixtures/files/package.json

This error is caused by a @providesModule declaration with the same name across two different files. Error: @providesModule naming collision: Duplicate module name: react-native-vector-icons Paths: /Volumes/Repository/mangoler-app/rn-app/node_modules/react-native/local-cli/core/fixtures/files/package.json collides with /Volumes/Repository/mangoler-app/rn-app/node_modules/react-native-router-flux/node_modules/react-native/local-cli/core/fixtures/files/package.json

This error is caused by a @providesModule declaration with the same name across two different files. at HasteMap._updateHasteMap (/Volumes/Repository/mangoler-app/rn-app/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:159:13) at p.getName.then.name (/Volumes/Repository/mangoler-app/rn-app/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:134:31)

Any thought?

hey buddy,

I have another issue now. I currently would like to use the grid layout and populate my products through the API. I tried to populate the data inside the template but becuz of the structure (1 row and two columns), I couldn’t get it to work.Do you have any solution for it or a template that I can use for this purpose?

For the two columns layout you can set the item just width_screen/2 and the style of your list-view should be: flex-wrap: wrap (or you can try with new FlatList from latest React Native for better performance). Hope this help

hey Buddy,

Thanks!

Before I begin please note I have installed the latest version of Android Studio node, java and have a normal emulator setup through Android Studio, I have created multiple test react-native projects that compile and run on the emulator by using react-native run-android, below are my issues:

Okay so after 2 weeks of endless struggles I do not know what to do anymore, below are all the steps I have tried to get this app to work.

upgrade package.json react to 15.4.2 upgrade package.json react-native to 0.39.2 removed compile project(’:ReactNativeLocalization’) from android > app > build.gradle – it was declared twice in this file removed below code from android > settings.gradle—-it was also declared twice //include ’:ReactNativeLocalization’, ’:app’ and //project(’:ReactNativeLocalization’).projectDir = new File(rootProject.projectDir, ’../node_modules/react-native-localization/android’)

removed below, declared twice in Mainactivity.java from – android\app\src\main\java\com\piksal\mstore\MainApplication.java import com.babisoft.ReactNativeLocalization.ReactNativeLocalizationPackage; – and new ReactNativeLocalizationPackage(),

then I got the redux issue as stated in the comments updated npm package.json to “react-native-router-flux”: “3.38.0”,

after this I got below error when executing react-native run-android Execution failed for task ’:app:processDebugGoogleServices’. > Failed to create folder: C:\ apppath \android\app\build\generated\res\google-services\debug

So I deleted whatever it had under it had under android > app > build folder and deleted whatever was under the android > build folders and run react-native run-android again this time the build succeeds

then the project brings up the initial tutorial page, I swipe through the first 3 or 4 pages to get the DONE button, after selecting DONE I get the MStore loading icon that runs for a minute or so and the get an array of errors(listed below). Please can you just help me get set up, I really do not know what to try anymore. Here are the warnings: Possible Unhandled Promise Rejection(id:0) Network request failed Possible Unhandled Promise Rejection(id:1) Network request failed TypeError: Network request failed Possible Unhandled Promise Rejection(id:2): Objects are not valid as a React child(found: TypeError: und…

Please note this is still running the cs and ck code in the app as extracted from the zip folder.

I can even send you the ck and cs key of our app and you can build the apk for me just to get started

please send me any suggestion you have on email jpmyburgh111@gmail.com I will post the solution here for thoroughness, it will be much appreciated.

Hi with new version 2.0 the installing is quite simple, please install the Expo XDEO – http://expo.io, then install yarn or npm to install the package, then run. Please check new document from – https://minhcasi.gitbooks.io/beoui/content/getting-started.html. By using Expo you don’t need to setup Android Studio or Xcode and it will cover that job for you through XDE. Thank you!

HI Sorry, this was ment for you other product, Mstore. Will you still be able to help?

MenuSmall, MenuWide mode are missing some image and it will error when load

Thank you, we will check and update the menu fix on next version.

Hi, this project not working.

After npm install

npm WARN Invalid version: “2.0” npm WARN beoui-expo No description npm WARN beoui-expo No repository field. npm WARN beoui-expo No README data npm WARN beoui-expo No license field.

Hi, please install the latest yarn: http://yarnpkg.com, then install via cmd: yarn install and open the project via Desktop XDE: http://expo.io

I have buy this item. what must I do next? Tutorial & video is the totally diffrent with item I downloaded.

this very bad idea if you use expo. I don’t like it. please give me just react native template without expo same like tutorial video you made. I think about bad feedback & refund now..

this is error that I got http://imgur.com/a/u1575

Hello InspireUI,

I have the same issue as mnrdwt. I did ‘npm install’ in commandline, then run the application through Expo. Then I also ran into the ‘Duplicate module name’ conflict.

So I removed the ‘node_modules/react-native-router-flux’ folder, then I was able to run the application in Expo. However a red screen appeared in the application, with the message ‘unable to resolve module `react-native-router-flux`’. I assume we need this node module? Can you please fix the modules, or can I simply remove it from package.json?

Hi please only remove the “node_modules/react-native-router-flux/node_modules” instead of removing whole folder of react-native-router-flux. Or you can also update the package json:
    "react-addons-pure-render-mixin": "15.5.2",
    "react-native-router-flux": "3.38.0",
    "react-static-container": "^1.0.1",

Refer issue: https://github.com/aksonov/react-native-router-flux/issues/1816

Thanks,

So for other people having the same issues, I needed to remove from package.json:

"version": "2.0",

And change:

"react-native-router-flux": "^3.38.0",

To:

"react-native-router-flux": "3.38.0",

Then run ‘npm install’ and open the project in Expo.

Thank you for your sharing :)

Can you add media player comments!?

Great, an update! :)

Getting a lot of errors though:

npm install npm WARN Invalid version: "2.0" npm WARN beoui-expo No description npm WARN beoui-expo No repository field. npm WARN beoui-expo No README data npm WARN beoui-expo No license field.

Removing

"version": "2.0",

from package.json, npm install works, some errors though:

│ └── UNMET PEER DEPENDENCY react@^0.13.0 || ^0.14.0 || ^15.0.0

Opening in Expo:

jest-haste-map: @providesModule naming collision: Duplicate module name: react-native Paths: /Users/xxx/Documents/rn/beoui-expo/node_modules/react-native/package.json collides with /Users/xxx/Documents/rn/beoui-expo/node_modules/react-native-router-flux/node_modules/react-native/package.json This warning is caused by a @providesModule declaration with the same name across two different files. and Failed to build DependencyGraph: @providesModule naming collision: Duplicate module name: react-native-vector-icons Paths: /Users/xxx/Documents/rn/beoui-expo/node_modules/react-native/local-cli/core/__fixtures__/files/package.json collides with /Users/xxx/Documents/rn/beoui-expo/node_modules/react-native-router-flux/node_modules/react-native/local-cli/core/__fixtures__/files/package.json This error is caused by a @providesModule declaration with the same name across two different files. Error: @providesModule naming collision: Duplicate module name: react-native-vector-icons Paths: /Users/xxx/Documents/rn/beoui-expo/node_modules/react-native/local-cli/core/__fixtures__/files/package.json collides with /Users/xxx/Documents/rn/beoui-expo/node_modules/react-native-router-flux/node_modules/react-native/local-cli/core/__fixtures__/files/package.json This error is caused by a @providesModule declaration with the same name across two different files. at HasteMap._updateHasteMap (/Users/xxx/Documents/rn/beoui-expo/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:159:13) at p.getName.then.name (/Users/xxx/Documents/rn/beoui-expo/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:134:31)

Am I doing something wrong here?

Removed node_modules multiple times, tried installed using yarn, clear npm cache, but still getting the errors

Hi, please remove the node_module from beoui-expo/node_modules/react-native-router-flux will fix the issues. Btw, after starting installing the library you can use Expo to run the app, document is updated from – https://minhcasi.gitbooks.io/beoui/content/getting-started.html

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey