React-native-meteor包订阅句柄未准备就绪

时间:2016-07-03 13:43:44

标签: javascript meteor react-native ddp

我正在尝试使用react-native-meteor包来组合react-native和meteor。 Meteor成功发布了一个'dos'集合,我已经能够在Web客户端上订阅它。但是,在遵循react-native-meteor包的文档(使用createContainer)后,我无法订阅;手柄“永不准备好”。使用Meteor的autopublish包时,数据会加载。

版本

Meteor 1.3.4.1

react-native: 0.28.0

react-native-meteor: 1.0.0-rc14

index.ios.js

// @flow
'use strict'

import React, { Component } from 'react'
import {
  AppRegistry,
  StyleSheet,
  View,
  NavigatorIOS,
  StatusBar,
  Text,
} from 'react-native'
import Meteor, {
  createContainer,
  MeteorListView,
 } from 'react-native-meteor'

Meteor.connect('ws://localhost:3000/websocket')

import GeoLocation from './app/GeoLocation'
import ConnectionInfoSubscription from './app/NetInfo'
import GridLayout from './app/GridLayout'

class DoCHANGE_0 extends Component {

  renderRow(Do){
    return(
      <Text>{Do.joke}</Text>
    )
  }

  render() {

    const { doList, } = this.props

    return (
      <View style={styles.container}>
      <StatusBar
        barStyle="light-content"
        />
      <NavigatorIOS
        style = {styles.container}
        barTintColor='#556270'
        titleTextColor='#fff'
        tintColor='#fff'
        initialRoute={{
          title: 'DoCHANGE',
          component: GridLayout
        }}/>

        {!doList && <Text>Not ready with subscription</Text>}
        <MeteorListView
        collection="dos"
        renderRow={this.renderRow}
        enableEmptySections={true}
        />

      </View>
    )
  }

}

const styles = StyleSheet.create({
  container: {
    flex:1,
  }
});

export default createContainer(params=>{
  const handle = Meteor.subscribe('dos')
  return {
    doList: handle.ready(),
  };
}, DoCHANGE_0)

AppRegistry.registerComponent('DoCHANGE_0', () => DoCHANGE_0);

我找到了类似的例子,但他们经常不使用react-native-meteor包,而是使用ddpclient包。我错过了一些明显的东西吗?任何见解都非常感谢!

编辑:

(Meteor)/server/publish.js

 Meteor.publish("dos", function() {
   //console.log(Dos.find().fetch())
   return Dos.find();
 })

(流星)/both/collections.js

Dos = new Mongo.Collection('dos');

使用Meteor自动发布时的屏幕截图。 doList句柄仍未准备好。但MeteorList会正确填充。

Screenshot iOS autopublish on

2 个答案:

答案 0 :(得分:0)

您只在问题中包含了客户端代码,但听起来您错过了服务器上的Meteor.publish()调用,如果它使用自动发布但不是没有它!

答案 1 :(得分:0)

我升级到反应原生,流星和反应原生流星的新版本,但这并没有解决问题。但是,当将renderRow函数重命名为renderItem时,它开始工作。

renderRow={this.renderRow}

renderRow={this.renderItem}