Konrad Michalik

Software Engineer @swmansion

[Software Mansion @swmansion]

1/3 🧵 react-native-nano-icons 1.0 is out 🔬💎 and it brings some massive DX sugar.

Font icon rendering is insanely fast ⚡️ and so is generating it from your SVGs. Drop a Figma export into the repo and see it on screen in under a second with the new Metro plugin. No native rebuild.

You can also forge the same SVGs into native symbols for Liquid Glass bottom tabs on iOS and Material ones on Android 🧭

Examples and all features: https://t.co/Y7KUfIeqbI

Follow the thread below to learn more 👇

[Konrad Michalik @kmichalikk]

@diegolmello Sadly no ETAs besides what's already been said under other threads. You can track progress on the repo and through our posts.

[Konrad Michalik @kmichalikk]

Here's some more iPhone Duo interactions in 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚜𝚌𝚛𝚎𝚎𝚗𝚜

✅ Split Columns adapt to the half-folded mode
✅ Tabs move to the side also when nested inside other containers
✅ Search Field moves to the trailing edge when half-folded

[Konrad Michalik @kmichalikk]

@matinzd @diegolmello It won't be in v4 line, these features are developed mainly for v5. The new alpha version should be around soon. We're still keeping v4 under /legacy there. You can also test nightly versions.

[Konrad Michalik @kmichalikk]

@diegolmello The demo used main branch from few days back, so everything the video shows is already doable!

We've just released 4.29 and it works there too, but you need pod install with RNS_GAMMA_ENABLED=1 and import from react-native-screens/experimental.

[Software Mansion Developers @swmansiondevs]

React Native Screens 4.29.0 released!

iOS Tabs move to UITab and gain search, sidebar placement and custom icons, plus Android fragment fixes.

https://t.co/5seLnx8NQO

[Konrad Michalik @kmichalikk]

iPhone Duo in react-native-screens:
✅ Tabs on the side
✅ New default header behavior
✅ FormSheet that adapts to folded screen
✅ SearchTab with automatic activation

That’s what native containers give you. And there’s going to be much more.