Navigation

    Monaca & Onsen UI
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. Tags
    3. react

    • D

      DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
      Onsen UI • react javascript • • djfooks

      1
      0
      Votes
      1
      Posts
      210
      Views

      No one has replied

    • M

      Mounting / unmounting react components on tab change
      Onsen UI • react ons-navigator ons-tabbar • • mihail

      1
      0
      Votes
      1
      Posts
      1636
      Views

      No one has replied

    • C

      Icons not showing up in react template
      Onsen UI • react meteor meteor.js icons • • chidimo

      2
      0
      Votes
      2
      Posts
      2389
      Views

      C

      I found the answer to my question. It’s right here https://medium.com/the-web-tub/getting-started-with-meteor-and-onsen-ui-725eab52c69 Under Troubleshooting heading.
    • J

      <ActionSheet/> not working like it should
      Onsen UI • react webpack actionsheet • • Jsmyth

      3
      0
      Votes
      3
      Posts
      1726
      Views

      E

      Never mind, I just figured it out from the image you posted on Discord. The problem is that ActionSheet by itself doesn’t have any kind of background, so it will literally just show the child elements. Usually the child elements are ActionSheetButtons which have a proper background. You can see an example here: https://onsen.io/playground/?framework=react&category=reference&module=action-sheet Since you have img elements in your ActionSheet it will just show the images as they are with no background. You could add styling to the child elements if you still just want to use img. By the way, SpeedDial might be more suitable if you want open a series of icons. https://onsen.io/playground/?framework=react&category=reference&module=speed-dial
    • R

      handle oauth Auth0 callback in onsen react
      Onsen UI • react tabbar navigator login authentication • • rockodragon

      1
      0
      Votes
      1
      Posts
      1184
      Views

      No one has replied

    • S

      Problem rendering Toolbar on Navigator
      Onsen UI • onsen ui react navigator toolbar • • shrenky

      1
      0
      Votes
      1
      Posts
      1379
      Views

      No one has replied

    • N

      Splitter , Toolbar, and Action Sheet
      Developer Corner • react redux actionsheet preact • • newstackdevelopment

      1
      0
      Votes
      1
      Posts
      1335
      Views

      No one has replied

    • ?

      Solved New runtime error against latest bits
      Onsen UI • react • • Guest

      3
      0
      Votes
      3
      Posts
      1807
      Views

      ?

      @Fran-Diox Thanks Fran. Yea, I had some old code in there that I had forgotten about. Thanks for the quick response.
    • A

      Solved Ons Tabbar animation options not working - React
      Onsen UI • react ons-tabbar animation • • Arrais

      3
      0
      Votes
      3
      Posts
      2374
      Views

      A

      @Fran-Diox Hey, thanks for the answer and I’ll take a look into the new tabbar.
    • ?

      Unsolved react flip move with react onset list
      Onsen UI • react list • • Guest

      2
      0
      Votes
      2
      Posts
      1851
      Views

      @sherscher never tried to use react-flip-move itself but you can better control the rendering of lists if you do something like this: <List> {this.state.listItems.map(function(data, i){ return <ListItem>{{data}}</ListItem> })} </List> Hope it helps.
    • ?

      Solved Onsen React with Tabs and Navigator on Android
      Onsen UI • react tabbar android toolbar • • Guest

      9
      0
      Votes
      9
      Posts
      5629
      Views

      ?

      @Fran-Diox Think you’re right. I’ll just park the tab bar at the bottom on Android. Little strange, but probably not as strange as what I was originally envisioning. Thanks for the help!
    • C

      Unsolved Is there ons-page's attribute "on-infinite-scroll" in Onsen UI2 react version?
      Onsen UI • react ons-page on-infinite-scroll • • curtis

      1
      0
      Votes
      1
      Posts
      2975
      Views

      No one has replied

    • J

      After adding <Splitter> menu, Back button is not showing up in next navigated Page
      Onsen UI • react splitter backbutton • • jabidof

      14
      0
      Votes
      14
      Posts
      10155
      Views

      J

      @Fran-Diox I’m hitting some (maybe basic) issue. You mentioned before that the the Splitter should be the parent of Navigator for this to work. But then, how can I pass the APP Navigator instance to the Page within the SplitterSide component? Am I missing something simple? J.
    • J

      How to setup Monaca debugging using https://github.com/davezuko/react-redux-starter-kit ?
      Developer Corner • react monaca cli localkit redux • • JasonShin

      1
      0
      Votes
      1
      Posts
      1637
      Views

      No one has replied

    • C

      manage splitterSide for use it as reusable component
      Onsen UI • react splitter error splittercontent splitterside • • cyclops24

      12
      0
      Votes
      12
      Posts
      10763
      Views

      J

      @cyclops24: you might consider a more flexible alternative. By that I mean that you manage state via a parent component that automatically gets rerendered whenever you click a new menu item: https://community.onsen.io/topic/821/splitterside/3
    • S

      Warning of 'key' for Tabbar
      Onsen UI • react tabbar • • semix

      2
      0
      Votes
      2
      Posts
      1935
      Views

      A

      The answer from here worked for me to solve this exact warning: https://github.com/OnsenUI/react-onsenui/issues/107 You need to add the key property to both content and tab, like this: { content: <MyTab title="Settings" key={2} />, tab: <Ons.Tab label="Settings" key={2} /> } This solved the warning for me.
    • P

      Onsen Tabbar not updating correctly after state change in one tab
      Onsen UI • react ons-tabbar tabbar meteor • • polsat

      1
      0
      Votes
      1
      Posts
      1541
      Views

      No one has replied

    • Comparing frameworks: Hello World!
      Monaca & Onsen UI Articles • onsen ui react angular 1 angular 2 vue knockout • • Fran Diox

      2
      0
      Votes
      2
      Posts
      2198
      Views

      S

      Does it mean you can use Polymer Webcomponents as well?
    • C

      monaca build does not compile jsx
      Onsen UI • react onsen ui 2.0 monaca cli • • coolman

      2
      0
      Votes
      2
      Posts
      2486
      Views

      @coolman monaca preview is for development and loads everything in memory for faster debugging. If you want to test your app in real devices I’d recommend you using Monaca Debugger (and just run monaca debug in the CLI). That will put all the transpiled files in the device and refresh the app whenever you modify your code. Otherwise, just run monaca transpile to perform an actual transpilation of your coed and generate files.
    • S

      Solved 'CustomElements is not defined' in react-onsenui.js
      Onsen UI • react meteor typescript es6 custom elements • • samphan

      3
      0
      Votes
      3
      Posts
      3410
      Views

      S

      @Fran-Diox work like a charm! Thank you. ^_^