react-native-everywhere icon indicating copy to clipboard operation
react-native-everywhere copied to clipboard

Tauri build windows

Open sweatben opened this issue 3 years ago • 6 comments

Hello, thank you for your work. I tested your 2.0 and during the build the problem is identical to 1.0.

Indeed the layout in dev mode works but during the build-desktop the layout at the App.tsx level <View onLayout={onLayout} style={{ flex: 1 }}>

is not applied?

Do you have a solution?

good to you.

sweatben avatar Nov 21 '22 02:11 sweatben

Hey, I haven't been using windows for sometime now. But I do remember their being some differences in the CSS support when we package application for windows. You can replace the style with something like:

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  overflow: hidden;

Will drop another comment with some references around this later.

sarthakpranesh avatar Nov 21 '22 05:11 sarthakpranesh

Hello, thank you, indeed it is necessary to specify width, height and the display flex. That everything is working properly.

style={{ display:'flex', flexDirection:'column', alignItems: 'center', justifyContent: 'center', width:'100vw', height:'100vh' }}

sweatben avatar Nov 21 '22 12:11 sweatben