反応ネイティブメーターを使用しているときに反応ネイティブナビゲーションにnavbarボタンを追加

Question

私はreact-native-meteorと組み合わせてreact-native-navigationを使用しています。 Meteor 1.3以降、Reactを使用する場合はcreateContainerメソッドを使用することをお勧めします。しかし、クラス定義から 'export default'を削除し、デフォルトのcreateContainer（params => {...}、MyClass）をエクスポートするように移動すると、ナビゲーションバーボタンの定義が緩くなります。私はどのように私のナビゲーションバーのボタンの緩い定義を書く必要がありますか？感謝:)

ここでは私のコンポーネントの全体のコードです：

import React, {Component} from 'react'; 
import { 
    Text, 
    View, 
    StyleSheet, 
} from 'react-native'; 
import Meteor, { createContainer } from 'react-native-meteor'; 

class TestScreen extends Component { 
    static navigatorButtons = { 
     rightButtons: [{ 
      title: 'Reset', 
      id: 'resetButton' 
     }, { 
      title: 'Submit', 
      id: 'submitButton' 
     }] 
    }; 
    constructor(props) { 
     super(props); 
     this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(
      this)); 
    } 
    render() { 
     return (<View> <Text> Some text < /Text> 
     </View >); 
    } 
    onNavigatorEvent(event) { 
     if (event.type == 'NavBarButtonPress') { 
      if (event.id == 'resetButton') { 
       // reset here 
      } 
      if (event.id == 'submitButton') { 
       // submit here 
      } 
     } 
    } 
} 
export default createContainer(params => { 
    const handle = Meteor.subscribe('records'); 
    return { 
     records: Meteor.collection('records').findOne(), 
    }; 
}, TestScreen); 

Answer 1

あなたがナビゲーターに動的に設定することができます。「静的」砂糖の

this.props.navigator.setButtons({ 
    rightButtons: [ 
    { title: 'Reset', id: 'resetButton' }, 
    { title: 'Submit', id: 'submitButton' } 
    ] 
});