osdio / noder-react-native

The mobile app of cnodejs.org written in React Native

Noder - A React-Native Client for cnodejs.org

A new cnodejs.org mobile & web app powered by react-native and react-web and CodeceptJS .

Install

微信浏览器中若无法打开安装链接，请复制链接到系统浏览器中打开

• iOS: https://itunes.apple.com/cn/app/noder/id1106775857
• android(v1.0.0-alpha2): https://www.pgyer.com/noder

Develop

For local development you need to follow the below commands:

git clone https://github.com/soliury/noder-react-native.git noder
cd noder
yarn install

Click the run button in Xcode, if something went wrong, you need to rebuild all packages that be used in this project with Xcode (Just select the package and press command+B to run compile).

If you want to run it on your iPhone, please follow the Offical Doc.

If you want to run it on your Android, please run:

npm run android
npm start

If you want to run it on your Browser (localhost:3000), please run:

npm run web

e2e test

JS app code in src/write once run on Android, iOS and Web by react-native and react-web, now JS test case in e2e/ with locator ~ write once run on them too with CodeceptJS .

Web test

After install server side of test by npm run e2e-update-server-web, please run:

npm run web
npm run e2e-server-web

Then run client side of test by npm run e2e-web, thus a web page will be opened in firefox automatically and complete the test.

Android test

After install server side of test by npm install -g appium, please run:

npm run android
npm start
npm run e2e-server-native

Then run client side of test by npm run e2e-android, thus an apk will be installed to android automatically and complete the test.

If npm install -g appium is unavailable in china, ref to node_modules-appium .

Screenshots

React-Native Modules In Using

• redux
• react-native-button
• react-native-barcodescanner
• react-native-blur
• react-native-camera
• react-native-html-render
• react-native-scrollable-tab-view
• react-native-vector-icons

This project is heavily influenced by the above modules.

ToDo List

• Push Notification
• Fix the below bugs
  • In ListView, sometime items on the bottom can't be refreshed
  • ListView take too much memory
  • HTML to native View render take too much memory and CPU time
• Add Unit testing

Change log

Please read CHANGELOG

Contribute

If you find any issues, just solve it and make a PR.

This project is under the ES6 JSX.

License

MIT License

noder-react-native's Issues

详情与回复中的图片问题

详情中图片没有超出页面边界，但图片被缩放而且超出部分被隐藏了

回复中图片超出页面边界了

系统 安卓6.0

一点赞,就会报错

报网络原因的错误

Android客户端最新版 v1.0.0 设置中点击清除缓存会闪退

手机型号是：new noto x 2014 - XT1085 , Android 5.1

[install]导入xcode出现错误，怎么解决？

XCode版本是 6.4

Android发布话题，正文部分被输入法遮挡

看图：

iOS不存在这个问题

iOS 9.3.1 进入置顶贴[新的社区推荐客户端：Noder]后, 客户端crash

iOS 9.3.1 进入置顶贴新的社区推荐客户端：Noder后, 客户端crash

Spelling/Typo error in Navigation container.

var Navigation = require('./Navitation')
=> var Navigation = require('./Navigation')

编译报错

clang: error: no such file or directory: 'react-native/noder-react-native/node_modules/react-native-modal/node_modules/react-native-blur/RNBlur/BlurViewManager.m'
clang: error: no input files

我看了一下 react-native-modal确实不包含react-native-blur啊

列表个数比较少的时候，会有个loading一直在闪

如题

列表项比较多的时候没有这个问题出现

测试环境，ios，dev模式

测试效果如下图

抓包看请求发现，进入列表有的时候会请求两次同一页的数据，如果列表过少或列表为空，就会狂刷接口，page值递增，也不能说递增，有重复请求的递增，而且有丢页的现象

Android的发行包希望可以托管在FIR上

很多时候都打不开，蒲公英从年后开始就一直出问题

Refactor code

https://github.com/soliury/noder-react-native/blob/v1.0.0-alpha2/src/layouts/Navigation.js#L46

This line this.router = this.router || new Router(navigator); should be in the constructor:
this.router = new Router(navigator);

Redux connectComponent 提示 mapStateToProps undefined

你好，初学Redux，新建一个工程，想学习noder中 Redux的写法。

将connectComponent.js组件放置在新工程中，

Home.js 类似这样

class Home extends Component {
    constructor(props){
        super(props);
    }
   render() {
        return (
            <View></View>
        )}
}
export const LayoutComponent = Home;
export function mapStateToProps(state) {
    return state;
}

MainContainer.js 中类似这样

import HomeComponent from './Home';
import connectComponent from '../utils/connectComponent.js';
const Home = connectComponent(HomeComponent); //---->这句提示找不到mapStateToProps

class MainContainer extends Component {
  constructor(props){
    super(props);
  }

  render() {
    return (
      <Home/>
    );
  }
}

请问我哪里写错了，为何找不到mapStateToProps

帖子会重复显示

ref: https://cnodejs.org/topic/572afb6b15c24e592c16e1e6#5756cca374367a790e822627

https://github.com/soliury/noder-react-native/blob/c3504576ec4f731fdfd5c1f324c503cc70c3bc66/src/layouts/TopicList.js#L44

https://github.com/soliury/noder-react-native/blob/c3504576ec4f731fdfd5c1f324c503cc70c3bc66/src/actions/topic.js#L17

需要升级到0.24

解决相关bug： facebook/react-native#5246

android bug introduced in 0bf9e7e5616780a8f7277317fed173ec7a64113a

Hi @soliury In MainActivity.java

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
        new RCTCameraPackage(),
        new MainReactPackage(),
        new VectorIconsPackage());
        new BarcodeScanner();
    }

needs to be

   @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
        new RCTCameraPackage(),
        new MainReactPackage(),
        new VectorIconsPackage()
        new BarcodeScanner());
    }

react-native: command not found

npm install 之后 react-native bundle 提示这个，还有什么需要安装？

Build failed with an exception

npm run android

* Where:
Build file '/Users/l/project/native/noder-react-native/android/app/build.gradle' line: 104

* What went wrong:
A problem occurred evaluating project ':app'.
> Could not find property 'MYAPP_RELEASE_STORE_FILE' on SigningConfig_Decorated{name=release, storeFile=null, storePassword=null, keyAlias=null, keyPassword=null, storeType=null}.

执行 npm start 会出现错误

执行 npm start 会出现如下错误：

全局环境中存在 react-native-cli

底下的内个 react-native: 0.23.1 貌似是项目自带的react-native依赖

因为我在全局环境中运行时这样的：

去搜了一下发现是一个普遍的问题：
http://stackoverflow.com/questions/33908314/packager-wont-start
猜测原因是执行npm start会造成react-native路径错误

目前的解决方案是直接运行 react-native start 或者 直接运行 react-native run-android 可以正常启动。

Naming collision detected???

如题，无论ios还是android版本编译时都有同样的错误！？

增加话题收藏功能

rt

消息页面的一些问题

1.消息页面内容更新时机不对，会出现这种情况：

`jsCodeLocation`

https://github.com/soliury/noder-react-native/blob/master/iOS/AppDelegate.m#L34

这里是调试不小心提交了把？

源码组织结构？

如题，根目录下有app和src两个目录，里面的文件好像都是重复的，这两个目录有什么区别么？

IOS。。。。。 Android 弄啥咧

[ 评论回复功能]真机测试发表或者回复评论 appcrash

发表评论的时候，切换中文输入法，会导致app crash

RctImage模块报错

求助：在修复了modal和icons的问题之后，还出现了这个错误。
noder-react-native/node_modules/react-native/Libraries/Image/RCTDownloadTaskWrapper.m:65:49: Null passed to a callee that requires a non-null argument

解析HTML到native View 渲染很慢

应该是我写的模块有问题，只是写完以后也没深入了解，这算是一个坑

如何实现异步的?

我似乎没有看到 thunk 中间件

但是 action 却貌似使用了thunk 中间件

exports.getAllTopicsFromStorage = function () {
    return dispatch=> {
        TopicService.storage.getAll()
            .then(results=> {
                dispatch({
                    type: types.GET_ALL_TOPICS_FROM_STORAGE,
                    results: results
                })
            })
            .catch(err=> {

            })
            .done()
    }
}

Upgrade for React Native 0.11.0

On the React Native Playground, we've retired versions before 0.11.0, so I had to remove this example from the front page which is not working there anymore. But, it would be great to put it back. Is there any working going on to upgrade?

Cheers!

建议

上面的tab设计成可左右滑动的
然后发帖应该是比消息更常用的功能吧 建议把发帖放在外面

react-native bundle后报错

ListView性能问题

这个问题一直存在，官方也没有更好地解决办法，我曾经尝试过将未显示的row设置为空View，但是效果并不算很好。目前只有从oc角度去优化或许是最终的办法。

iPhone6s plus 中横屏切换bug

在竖屏模式下启动，切换到横屏出现显示问题：

在横屏模式下启动，切换到竖屏模式出现显示问题（看顶部tab的位置）：

问题原因应该是容器宽度没有随着切换而变更

Code Style 没有说清楚，建议添加 .eslintrc 文件

RT

Android导航到最后一步，按物理返回键，无法退出APP

在Home页面的时候，物理返回键无法退出APP

当将未读的消息设置为已读后，回到home页面没有更新未读消息数量

这个暂时没有好的解决办法，现在navigator只有简单地didFocus和WillFocus事件，但是很难利用起来，等0.7.0之后吧

[运行错误]'WebView' has no propType for native prop.....

我重装了三次，依旧报错，也许是环境问题，我的环境是 OS X El Capitan Beta4和Xcode7 beta

安卓5.0.2 noder1.03打开有图片的帖子闪退

安卓5.0.2 noder1.03打开有图片的帖子闪退

无法启动android

运行 react-native run-android 的时候build failed

有时候ListView拉倒底部并没有刷新

android项目中 react-native-vibration 这个模块无法引用

不太清楚是什么原因，貌似是模块本身的问题

分支为 1.0.0-alpha2

我现在只能暂时将这个模块注释掉来运行

Build Failed

克隆下来后编译失败，提示 'RCTRootView.h' file not found.

你好，我想问下项目编译好了，但是在模拟器上一片空白啊

点左下角登陆发现要扫描二维码登陆，但是在模拟器上怎么扫描啊？

查看回复，需要再次点击，有点不太习惯

这个。。每次都要点评论确实很烦啊。。。

架构思考？

reducers里除了业务的还有UI的，比如user.js和userUI.js，感觉有点冗余了。
UI里的主要目的是捕获Action的状态，如果统一在Actions里提供...ing和...ed，是不是代码更清晰了？
改进后这个插件 minPendingTime.js也就不需要了。

user.avatar_url 返回值更新

这个 avatar_url 有更新，之前返回的是 /agent?url=xxxx 的地址，现在服务器准备回到国内，所以不再具备代理能力。之后这里会直接返回 url=xxxx 的真实url

Xcode Run时报错

情况如上图。。求解决方案

async callback 问题

component 中如下调用

        actions.checkToken(result.data, ()=> {
            router.pop();
            actions.toast('登陆成功');
        });

看了action 中的实现

export const checkToken = createAction(types.CHECK_TOKEN, async(token)=> {
    const userLoginInfo = await userService.checkToken(token);
    const user = await userService
        .getUserInfo(userLoginInfo.loginname)
        .then((data)=> {
            return {
                secret: userLoginInfo,
                publicInfo: data
            };
        });
    tokenService.setToken(token);
    return user;
}, (token, resolved)=> {
    return {
        resolved: resolved,
        sync: 'user'
    }
});

然后再找

export default function asyncActionCallbackMiddleware() {
    return next => action => {
        const { meta = {}, error, payload } = action;
        const { sequence = {}, resolved, rejected } = meta;
        if (sequence.type !== 'next') return next(action);


        // do callback
        error ? (rejected && rejected(payload)) : (resolved && resolved(payload));

        next(action);
    }
}

请教下component中authToken 中的回调是在哪实现的

去掉【收藏】有关的功能

之后我们社区不打算提供的收藏功能，麻烦应用检查一下是否有接触到相关的功能，如果有的话，可以全部去掉。

andriod 下”扫码登陆” 程序立马停止

andriod 版本：4.4，权限管理已开启： 调用摄像头。
刚刚装好后运行时正常的！