Giter VIP home page Giter VIP logo

hellorn's Introduction

HelloRN

react native 入门demo,适配android ios, 网页 图片 音乐 地图。

Screen Shot

androidScreen iosScreen

RUN

cd HelloRN
npm install
react-native run-android or react-native run-ios

For iOS, you can open HelloRN.xcodeproj in Xcode, choose one simulator or you device, click run.

API

非官方公共api, 均来源于Github开源项目,感谢原作者!

  • 知乎日报

    热门列表  http://news-at.zhihu.com/api/4/news/latest
    
    文章内容  http://news-at.zhihu.com/api/4/news/${id}
    
  • 网易云歌单

    热歌榜 http://music.163.com/api/playlist/detail?id=${id}&updateTime=-1
    
  • 煎蛋网

    妹子图 http://i.jandan.net/?oxwlxojflwblxbsapi=jandan.get_ooxx_comments&page=${page}
    

TODOS

  • 文章内容左右滑动翻页
  • 文章 右上角 在浏览器中打开
  • 歌单滑动切换、随机播放
  • 妹图Image高度自适应
  • 数据缓存
  • redux管理数据流

Notes

  1. 国内android无法运行Google Maps。
  2. video组件在android下无法获取歌曲错误信息(如404),导致界面卡顿,原因不明。
  3. simulator iPhone 6 地图界面出现错误,’permission denied‘,原因不明,其他机型simulator 真机正常。
  4. android还没找到保存照片的方法。

hellorn's People

Contributors

believeitcould avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hellorn's Issues

run-ios失败

你好,我在run-iOS时报错,请问有解决办法吗
`The following commands produced analyzer issues:
Analyze RCTLocationObserver.m
(1 command with analyzer issues)

The following build commands failed:
CompileC /Users/datayes/Documents/sourceTree/HelloRN/ios/build/Build/Intermediates/RCTWebSocket.build/Debug-iphonesimulator/RCTWebSocket.build/Objects-normal/x86_64/RCTWebSocketExecutor.o RCTWebSocketExecutor.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
CompileC /Users/datayes/Documents/sourceTree/HelloRN/ios/build/Build/Intermediates/RCTWebSocket.build/Debug-iphonesimulator/RCTWebSocket.build/Objects-normal/x86_64/RCTWebSocketObserver.o RCTWebSocketObserver.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(2 failures)`

react-native start后出现问题

执行 react-native start后出现如下提示
`jest-haste-map: @providesModule naming collision:
Duplicate module name: NetInfo
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Network\NetInfo.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Network\NetInfo.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: renderApplication
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\ReactIOS\renderApplication.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\ReactNative\renderApplication.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: Text
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Text\Text.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Text\Text.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: Alert
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Utilities\Alert.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Alert\Alert.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: WebSocket
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\WebSocket\WebSocket.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\WebSocket\WebSocket.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: Vibration
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Vibration\Vibration.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Vibration\Vibration.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: Button
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Components\Button.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Components\Button.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: setupDevtools
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Core\Devtools\setupDevtools.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Devtools\setupDevtools.windows.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: Picker
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Components\Picker\Picker.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Components\Picker\Picker.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: StatusBar
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Components\StatusBar\StatusBar.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Components\StatusBar\StatusBar.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: TextInput
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Components\TextInput\TextInput.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Components\TextInput\TextInput.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: NavigationHeaderBackButton
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\CustomComponents\NavigationExperimental\NavigationHeaderBackButton.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\CustomComponents\NavigationExperimental\NavigationHeaderBackButton.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: ActivityIndicator
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Components\ActivityIndicator\ActivityIndicator.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Components\ActivityIndicator\ActivityIndicator.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: TextInputState
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Components\TextInput\TextInputState.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Components\TextInput\TextInputState.js

This warning is caused by a @providesModule declaration with the same name across two different files.
jest-haste-map: @providesModule naming collision:
Duplicate module name: ScrollView
Paths: H:\WorkSpace\react-native\HelloRN\node_modules\react-native-windows\Libraries\Components\ScrollView\ScrollView.windows.js collides with H:\WorkSpace\react-native\HelloRN\node_modules\react-native\Libraries\Components\ScrollView\ScrollView.js

This warning is caused by a @providesModule declaration with the same name across two different files.`
请问如何解决?

Android运行报错

[2017-05-10 17:42:23] Building Haste Map
Failed to build DependencyGraph: @providesModule naming collision:
Duplicate module name: react-native
Paths: E:\RNProjects\HelloRN-master\node_modules\react-native-router-flux\node
_modules\react-native\package.json collides with E:\RNProjects\HelloRN-master\no
de_modules\react-native\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
Paths: E:\RNProjects\HelloRN-master\node_modules\react-native-router-flux\node
_modules\react-native\package.json collides with E:\RNProjects\HelloRN-master\no
de_modules\react-native\package.json

This error is caused by a @providesModule declaration with the same name across
two different files.
at HasteMap._updateHasteMap (E:/RNProjects/HelloRN-master/node_modules/react
-native/packager/react-packager/src/node-haste/DependencyGraph/HasteMap.js:158:1
3)
at p.getName.then.name (E:/RNProjects/HelloRN-master/node_modules/react-nati
ve/packager/react-packager/src/node-haste/DependencyGraph/HasteMap.js:133:31)

TabBar的Icon很奇怪

如果你有时间了,非常感谢你能回复一下新手的我。打扰打扰啊

你好,我照着你的代码写的,但是package.json不是直接用你的版本,因为用你的版本,太多报错了,所以我是另外手动重新导入。我现在遇到几个奇怪的问题。
1----我不知道你的版本为什么设置了Scene的title为什么会不显示,从而能达到Icon和Title一起做成一个TabIcon。而我的却成了两个title一个Icon挤在一个tabbar上了。
2---你的TabIcon只有一次,我要走两次,不知道为什么。
3---我点击按钮取不到被点击按钮的Selected这个属性,所以被点击的TabIcon也不会变色。

react-native run-android 报错

Project react-native-video: provided dependencies can only be jars. com.facebook.react:react-native:aar:0.40.0 is an Android Library.
:react-native-video:prepareReleaseDependencies FAILED

FAILURE: Build failed with an exception.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.