[英]How to make complicated designs in react native?
There is such a thing called constraints which is the positioning of the elements on mobile devices, if you understand how that works it will be easier for you,https://developer.android.com/reference/androidx/constraintlayout/widget/ConstraintLayout.有一种叫做约束的东西,它是元素在移动设备上的定位,如果你了解它是如何工作的,对你来说会更容易,https://developer.android.com/reference/androidx/constraintlayout/widget/ConstraintLayout . I know this is not the answer but the mobile styling is different from web, you can check this flexbox implementation too for reference: https://www.javatpoint.com/react-native-positioning-element-with-flex
我知道这不是答案,但移动样式与 web 不同,您也可以检查此 flexbox 实现以供参考: https.compositioningpoint-with-flex-act-native://www.java-element-with-flex-act-native.
try below steps.尝试以下步骤。
For these kinds of unorthodox shapes, its better to make your own shapes with SVG and do animations with reanimated libraries.对于这些非正统的形状,最好用 SVG 制作你自己的形状,并用复活的库做动画。 You will find a lot of similar works in GitHub.
你会在 GitHub 中找到很多类似的作品。
This might actually help you, https://github.com/nomi9995/react-native-curved-bottom-tabbar it is not exactly your requirement but you will figure it out if you go through the code这实际上可能对您有所帮助, https://github.com/nomi9995/react-native-curved-bottom-tabbar这不完全是您的要求,但是您会通过代码弄清楚 go
This one too https://www.npmjs.com/package/react-native-curved-bottom-bar这个也是https://www.npmjs.com/package/react-native-curved-bottom-bar
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.