NavigationBar shoutemuiを使用するには

Question

Shoutem UIツールキットのNavigationBarを使用しようとしています。

マイコード：

<Screen> 
    <NavigationBar centerComponent={<Title>TITLE</Title>}/> 

    <ListView 
     data={groupedData} 
     renderRow={this.renderRow} 
     loading ={this.state.loading} 
     onRefresh={this.getAllNewsfeed.bind(this)} 
     onLoadMore ={this.loadMoreData.bind(this)} 
     loadMoreSpinner={<Spinner/>} /> 

    <Button onPress={this.onLogout.bind(this)}> 
     <Text> 
      LOGOUT 
     </Text> 
    </Button> 
</Screen> 

しかしNavigationBar上記NavigationBar常に隠し、リストビュー。しかし、私はそれをタイトルに置き換えようとします。それでも動作します。しかし、私はタイトルを使用したくないので、私はボタンを戻すか、それと同じものを追加したい。

Answer 1

このPRはhttps://github.com/shoutem/ui/pull/104/filesを解決しますが、何とかテーマから削除しました。私たちは、次のリリースでそれを修正しようとしているが、それまで、あなたは、このことによって自分自身を助けることができる：

<Screen> 
    <NavigationBar 
    style={{ 
     container: { 
     position: 'relative', 
     width: Dimensions.get('window').width, 
     } 
    }} 
    centerComponent={<Title>TITLE</Title>} 
    /> 
    <ListView 
    data={groupedData} 
    renderRow={this.renderRow} 
    loading ={this.state.loading} 
    onRefresh={this.getAllNewsfeed.bind(this)} 
    onLoadMore ={this.loadMoreData.bind(this)} 
    loadMoreSpinner={<Spinner/>} 
    /> 

    <Button onPress={this.onLogout.bind(this)}> 
    <Text> 
     LOGOUT 
    </Text> 
    </Button> 
</Screen> 

リリースした後あなただけにスタイルの小道具を変更する必要があります。

<NavigationBar 
    styleName="inline" 
    centerComponent={<Title>TITLE</Title>} 
/>