gagakj / gagamall Goto Github PK

View Code? Open in Web Editor NEW

778.0 63.0 235.0 24.36 MB

React Native开发嘎嘎商城客户端

Home Page: http://www.lcode.org/

License: Apache License 2.0

Python 0.30% Java 0.35% JavaScript 98.48% Objective-C 0.87%

gagamall's Introduction

GaGaMall

React Native开发嘎嘎商城客户端-来自江清清的技术专栏

基于React Native 实现的嘎嘎商城客户端，暂时只是适配Android版本，暂时大部分布局页面正在开发中，业务逻辑功能以及iOS版本适配会后面进行。

当前的商城客户端会继续开发商品点单，订单，购物车，支付，商品列表以及详情，搜索功能，定位切换，国际化多语言切换，第三方账号登录以及分享等相关功能。也欢迎广大开发者多提建议。项目继续更新中。

关注我的订阅号(codedev123),每天推送分享移动开发技术(Android/iOS),React Native技术文章,项目管理,程序猿日常点滴以及精品技术资讯文章(欢迎关注,精彩第一时间推送)。

####一.依赖组件

5.react-native-parallax-scroll-view

8.react-native-scrollable-tab-view

####二.安装配置 #####1.第一步

git clone https://github.com/jiangqqlmj/GaGaMall.git

#####2.第二步

cd GaGaMall

#####3.第三步

npm install

#####4.第四步

1.运行Android版本
Mac OS X:react-native run-android  or Windows OS:react-native start and react-native run-android
2.运行iOS版本
Mac OS X:react-native run-ios or  xcode open project and run project

####三.套餐教程 1.[RN实战-嘎嘎商城]之仿快递时间轴布局实现(订单状态)
2.[RN实战-嘎嘎商城]之轻松实现Tab底部菜单导航栏切换效果-Android/iOS双适配
 3.[RN实战-嘎嘎商城]之商家详情界面布局分析与实现

####四.运行效果 #####整体效果

####五.打包方法 #####1.Android版本

1.签名key以及release签名信息已配置
2.cd GaGaMall
3.cd android && ./gradlew assembleRelease
4.上述命令执行完毕,在android/app/build/outputs/apk目录下面生成app-release.apk

####六.安装包下载 #####1.Android版本

gagamall's People

Contributors

Stargazers

Watchers

Forkers

oliverkingok linuxgod xyd123 sutmr tanhaiwang pinechang sailingcai doyee stephenzhao carozhu lerist lxykad janinofqh sn790519 gratefulheart wyoyao vagusx gongqixin 872409 yongbolu jiangong stonewl897 xswm1123 leeggco zjpjohn fuzongjian ouyangpeng zeroland dzxylb huangqiuping ljunb hytcyjb hanmichael kerasking vicwei127 royzeng kaisa0502 xiezhe indigojh zorojean suxinde2009 torome hpx86 porosty 491134648 fork-resources jeeliu rivalnhwc flycould andelsmoke mathjoy toandrew bensonzhow wustdjf 54chenjian fioogle xiangzhihong geasscode xhl916235259 johnnyhao jihadwk html4 hope2012 lixuejiang yihuawanglv wuyangrui zhuweiqiang sooglejay lisuxia1992 junyangchen nextzeus ange521 ftd-zf tang1007 liqiankuntime wonwinlee keithlee208 teng2015 luyongfugx wyh497823256 maobonet halohoop szwork2013 react-native-in-china msdgwzhy6 mszhongzi jingdq wwhgtt jiandaima kayll linxiaochuang linjinfa lhb123 yabinliu daisty xxxliu mrjingfu xlyasdasd sxyseo sunnyherb

gagamall's Issues

Cannot evaluate module react-native-vector-icons : Configuration with name 'default' not found.

按照你的步骤从git clone 下来、。然后npm install之后运行出现Cannot evaluate module react-native-vector-icons : Configuration with name 'default' not found.。初次接触RN，不太明白

could not install the app on the device

run-android时报如下错误，但是我运行自己创建的项目时却可以正常安装上
F:\react_native\GaGaMall-master>react-native run-android
JS server already running.
Running D:\SoftWare\AndroidSDK\sdk/platform-tools/adb -s cf5fc28a reverse tcp:80
81 tcp:8081
Building and installing the app on the device (cd android && gradlew.bat install
Debug...
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html

错误: 方法不会覆盖或实现超类型的方法

更换了好几个版本，都出现这样的问题，请问如何解决：

当前使用：
"react": "16.0.0-alpha.12",
"react-native": "0.48.3",

错误信息：
D:\RN_Demo\GaGaMall-master\node_modules\react-native-vector-icons\android\src\main\java\com\oblador\vectoricons\VectorIconsPackage.java:26: 错误: 方法不会覆盖或实现超类型的方法
@OverRide
^
1 个错误
:react-native-vector-icons:compileReleaseJavaWithJavac FAILED

FAILURE: Build failed with an exception.

What went wrong:
Execution failed for task ':react-native-vector-icons:compileReleaseJavaWithJavac'.

Compilation failed; see the compiler error output for details.

Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 3.086 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html

工程引入android studio报错，说缺少gradle

../GaGaMall-master/node_modules/react-native/react.gradle' as it does not exist.

页面跳转点快的时候，会先后出现两个页面，回退的时候也需要点两次

三.套餐教程的第二个链接错误！

提示而已

BUILD FAILED :CFBundleIdentifier

react-native run-ios 时，模拟器、真机去执行，报下列错误，有遇到过吗？

** BUILD FAILED **


The following build commands failed:
	CompileC /Users/ivanzhou/Documents/GaGaMall/ios/build/Build/Intermediates/RCTWeChat.build/Debug-iphonesimulator/RCTWeChat.build/Objects-normal/x86_64/RCTWeChat.o RCTWeChat.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)
Installing build/Build/Products/Debug-iphonesimulator/GaGaMall.app
No devices are booted.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/GaGaMall.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

xcode:

为社么你的TabNavigationbar 跳转二级页面就隐藏了

为社么你的TabNavigationbar 跳转二级页面就隐藏了，我写了一个demo，也用的TabNavigator，跳转的时候底部总是罕有四个tabbar，我没有看到你哪个代码处理这个了，请指点一下

项目安装后报SyntaxError:Strict mode does not allow function declaration in a lexically nested statement.

It is showing fetching js bundle

It is showing fetching js bundle ， nodejs is print to “request:/index.android.bundle?platform=android&dev=true&hot=false&minify=false” ， virtual machine is blank ，

商品列表页面，卡

如何在数据量大的情况下，保证渲染性能。

似乎并没有多语言切换

在源码里查了下，貌似没有看到多语言切换的实现

项目安装后报SyntaxError:Strict mode does not allow function declaration in a lexically nested statement.

红色报错怎么解决

requiring unknown module "react/lib/ReactNative"

"Unhandled JS exception: TypeError: methods.forEach is not a function " under IOS env

can anybody meet the same error, any solution or workaround on it?

Application GaGaMall has not been registered？

Application GaGaMall has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent.

com.android.dex.DexException: Multiple dex files define Landroid/support/v7/appcompat/R$anim;

:app:dexDebug
UNEXPECTED TOP-LEVEL EXCEPTION:
com.android.dex.DexException: Multiple dex files define Landroid/support/v7/appcompat/R$anim;
at com.android.dx.merge.DexMerger.readSortableTypes(DexMerger.java:596)
at com.android.dx.merge.DexMerger.getSortedTypes(DexMerger.java:554)
at com.android.dx.merge.DexMerger.mergeClassDefs(DexMerger.java:535)
at com.android.dx.merge.DexMerger.mergeDexes(DexMerger.java:171)
at com.android.dx.merge.DexMerger.merge(DexMerger.java:189)
at com.android.dx.command.dexer.Main.mergeLibraryDexBuffers(Main.java:502)
at com.android.dx.command.dexer.Main.runMonoDex(Main.java:334)
at com.android.dx.command.dexer.Main.run(Main.java:277)
at com.android.dx.command.dexer.Main.main(Main.java:245)
at com.android.dx.command.Main.main(Main.java:106)

:app:dexDebug FAILED

scrollable-tab-view 中使用navigator跳转到详情页面该如何处理？

你好，刚开始学习react native，想问一下，在你的订单代码中使用scrollable-tab-view 页中点击‘再来一单‘时，使用navigator跳转回餐馆详情页面该如何处理？我使用标准navigator push系统报错

看了代码做的真不怎么样

支付也就是console.log一下，redux也不是你这么用的，immutable也不用，不要误导新人了，想学的去看F8APP和snowflake