Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. shrenky
    S
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    shrenky

    @shrenky

    0
    Reputation
    1
    Posts
    781
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    shrenky Follow

    Posts made by shrenky

    • Problem rendering Toolbar on Navigator

      Hello! I’m new to React and to Onsen UI, I trying to use this code render a Toolbar on Page inside a Navigator element, but I only can see rendered the Button and the Hello World div. can anyone tell me what I’m doing wrong?.

      import React from ‘react’;
      import ReactDOM from ‘react-dom’;
      var ons = require(‘onsenui’);
      var Ons = require(‘react-onsenui’);

      export default class App extends React.Component {

      renderToolbar() {
      return (
      <Ons.Toolbar>
      <div className=‘center’>Onsen UI</div>
      </Ons.Toolbar>
      );
      }

      renderPage(){
      return (
      <Ons.Page renderToolbar={this.renderToolbar}>
      <div>
      Hello World!
      </div>
      <Ons.Button>
      Push Page
      </Ons.Button>
      </Ons.Page>
      );
      }

      render() {
      return (
      <Ons.Navigator
      swipeable
      renderPage={this.renderPage}
      initialRoute={{
      title: ‘First page’
      }}
      />
      );
      }

      }

      posted in Onsen UI
      S
      shrenky