Tauri build windows

[sweatben]

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.

[sarthakpranesh]

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.

[sweatben]

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' }}

[KKuehlem]

Just encountered the same issue on windows. <View onLayout={onLayout} style={{ display:'flex', flexDirection:'column', alignItems: 'center', justifyContent: 'center', width:'100vw', height:'100vh' }}> did not help for me, but adding cardStyle: {display:'flex', flexDirection:'column', alignItems: 'center', justifyContent: 'center', width:'100vw', height:'100vh'} after src/navigation/index.tsx:30 does the trick.

However, when I press increment on the counter page, the screen turn white... Does anyone know why?

[sarthakpranesh]

when I press increment on the counter page, the screen turn white

Screen turning white might indicate a crash in the React application but can't be sure. Can you share a reproducible project repository.

[KKuehlem]

It happens with this repository without modifications when I build for windows.
But I figured out another solution for my original problem in the meantime.

[jharkebusch]

Hi,
I do have the same issue. The fix for the styles in build desktop version from @KKuehlem works fine for me.

When the counter is clicked in the next screen, the app just turns white as described.

Repro steps:

• clone repo
• npm install
• yarn build-web
• yarn build-desktop

If there is any more information needed, please don't hesitate to ask!

Furthermore, I have discovered that with newer Node versions, the cryptographic algorithm is deprecated:
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:79:19)
at Object.createHash (node:crypto:139:10)
at module.exports
Can be fixed by enabling openssl-legacy-provider: set NODE_OPTIONS=--openssl-legacy-provider