Mobile UI for desktop

desktop

#35

This is really cool and something I’ve been dying to have on my tablet (and desktop) for a long time!

Also I learnt today that another company has used our react-native-desktop on an embedded linux system and deployed in production :open_mouth: was so cool to hear.


#36

Wow, that is really cool!


#37

Progress update:

  • fixed issue with using two-pane navigator as a nested navigator
  • created js package for two-pane navigator
  • new package used in status-react UI as a proof-of-concept

Next steps:

  • enable\disable two-pane UI depending on screen size

#38

Love seeing this progress!

I notice the Discover DApps frame doesn’t scale to well. Any thoughts on what causes that?


#39

It behaves like that on mobile, I have the same funkiness on my iPad too. It’s the least offensive problem there :wink: The image should be centered in the frame rather than scaling to fit.

Great seeing the progress made here!:raised_hands:


#40

@volodymyr.kozieiev does it mean you’ve been working on a fork of react navigation? How hard will it be to migrate this work to react-navigation 3? Because this brings quite some improvements and we need to switch to it at some point


#41

@yenda, no, not a fork. I created a module that uses react-navigation - https://github.com/vkjr/react-native-navigation-twopane
And I used documentation from react-navigation 3, so we should be good, I believe basic API is the same


#42

@hester, I also noticed that welcome screen doesn’t look correct in landscape mode. So yeah, image settings should be checked. It is not related to two-pane UI itself, I believe.


#43

yes it’s not relative , they are developed only for mobile, so they resize full screen with fixed margins in px


#44

great progress! :smiley:
also, love to see so much interest in this topic :smiley:


#45

What would be required to set relative margins? (and would this fix it?)


#46

Progress update:

Problems:
Code from PR worked fine with react-navigation v2, but after status-react moved to react-navigation v3 one glitch appeared - every time user switches between chats whole screen re-renders 2 times. So PR is still WIP and I’m looking into this issue.


#47

Progress update:
After a bunch of fixes 2-pane ui for mobile platforms finally merged!

So now it is time to make mobile ui the default one for desktop platforms.


#48

great work guys. Looking forward to using the new desktop ui.


#49

@volodymyr.kozieiev could you confirm that if we remove realm it will be much easier to remove the ubuntu-server? I’m making a plan to remove realm WIP https://notes.status.im/removing-realm


#50

@yenda, yes, it is correct!


#51

hey @volodymyr.kozieiev what are our next steps? can we use mobile screens and remove desktop ones?


#52

@andrey, correct, these are next steps:

  • run 2-pane mobile UI on desktop,
  • make mobile UI default for desktop,
  • remove old desktop UI

Right now working on the first one .


#53

Current issue:
We already have flag in .env file that enables mobile ui for desktop. But since it was last checked mobile ui switched to react-navigation v3. And newer navigation depends on react-native-gesture-handler library that provides native (ios and android) ways to deal with gestures. It looks like we need to support this library on desktop to reuse latest mobile UI :-/


#54

what project is this?