The react-native-demo from slashhuang

react-native-demo's Introduction

react-native-demo

本项目综合了如下react-native组件

Navigator 路由
WebView 网页
TabBarIOS 导航切换栏
TouchableHighlight 点按动作
View 布局
Text 文本
react-native-swiper 图片浏览
自定义组件

本项目综合了如下react-native的API

Animated 动画
fetch 网络请求
Alert 模拟html的alert
CameraRoll 调用本地照片

使用

  cd ios
  open mockTMall.xcodeproj

效果图

主页入口－flex布局

WebView页面

TabBarIOS

Animated动画

TextInput

调用fetch网络请求

调用NetInfo获取网络状态

调用本地API

react-native-demo's People

Contributors

Stargazers

Watchers

react-native-demo's Issues

运行后报错找不到Slider.js

你好！demo很棒
不过运行后报错说找不到Slider.js，这个文件的位置没放对

用mac开发，不能兼容安卓。。。真的不了解。。。

Error:Unable to resolve module ../lib/Slider.js

我遇到了这样的错误

Ignoring return value of function declared with warn_unused_result attribute

Xcode编译失败，遇到了两个问题，根据下面的办法处理后，编译成功。
http://www.jianshu.com/p/e3ddb681863f

禁止首页(root view)滑动

Hello，RN中遇到个问题，请教下：
问题：当navigator回退到首页的时候页面还可以滑动，怎么设置当到根页面的时候就不滑动呢？
首页Navigator设置如下：

render() {
      var defaultName = 'AppComponent';
      var defaultComponent = App;
      return (
        <Navigator
          initialRoute={{ name: defaultName,component: defaultComponent }}
          configureScene={(route) => {
            return route.sceneConfig || Navigator.SceneConfigs.HorizontalSwipeJump;
          }}
          renderScene={(route, navigator) => {
            let Component  = route.component;
            _navigator = navigator 
            return <Component {...route.params} navigator={navigator} />
          }}/>
      );
    }