HTML tree for hybrid mobile app

2020-07-24 03:34发布

Looking for a tree (or nested list) UI component that would work for a hybrid mobile app and would have the following properties:

  • drag-and drop
  • animations (visual feedback) for insert/delete/update and expand/collapse and drag/hover/drop
  • good performance on mobile
  • open-source (I would accept paid open-source, dual-licensing, etc.)
  • modern, clean look
  • "modern" implementation, for example aligning itself with philosophies like AngularJS, ReactJS, Ionic or whatever are the recent cool kids on the block

My research so far has found the following ones:

None of them really seems to work well in mobile browser (I'm testing on Android 4.x, 5.x, 6.x). Following issues seem to occur:

  • drag events seem to not be interpreted properly, instead unexpected things happen, like scrolling or text selection (subjectively: does not "seem right" to me as a user to manipulate the tree)
  • choppy animations
  • clickable elements too small for tapping via finger
  • about half of the solutions sadly look like windows 95 Explorer tree, which is not good on the eyes and does not seem modern and clean

Can you advise such a UI component that would work or at least would be a good starting point for my own enhancements?

Are the mobile browsers ready to host such a sophisticated component, in terms of input events, layout, performance, animations, etc.?

Full disclosure: I come from a Java+Android background, expanding into hybrid mobile apps, so my paradigm might not yet be fully adjusted.

The backend (e.g. Firebase) part is here: Using firebase tree structure to represent a "document outline" structure directly

0条回答
登录 后发表回答