Navigation

    Monaca & Onsen UI
    • Login
    • Search
    • Tags
    • 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
      3239
      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
      3782
      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
      4622
      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
      3462
      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
      2606
      Views

      No one has replied

    • S

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

      1
      0
      Votes
      1
      Posts
      2670
      Views

      No one has replied

    • N

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

      1
      0
      Votes
      1
      Posts
      2830
      Views

      No one has replied

    • ?

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

      3
      0
      Votes
      3
      Posts
      3513
      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
      4582
      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
      3107
      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
      9869
      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
      4314
      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
      16031
      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
      2872
      Views

      No one has replied

    • C

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

      12
      0
      Votes
      12
      Posts
      16105
      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
      3314
      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
      3224
      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
      3669
      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
      3943
      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 custom elements es6 • • samphan

      3
      0
      Votes
      3
      Posts
      5689
      Views

      S

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