dynamic_widget是一个可以用json来描述flutter widget的动态布局框架,json code和flutter widget code一一对应,如下图:
![](https://img.haomeiwen.com/i2959136/cedc052f6fbf8d8d.png)
其实目前json code写起来也还好,因为类型和属性都是一一映射的,但是毕竟纯手工写效率还是差很多,在github上也有一些人提了“json code”导出功能,如果能可以把flutter code直接导出json code的话,那么就可以利用Android Studio和Vs code这种IDE来写好布局后直接导出了。这样的效率会比手写json快上非常多。
![](https://img.haomeiwen.com/i2959136/d0ca610108d37da0.png)
如何导出?
一、在你需要导出的根widget上使用DynamicWidgetJsonExportor
包装下
![](https://img.haomeiwen.com/i2959136/0f8259fccd5597c7.png)
二、获取到DynamicWidgetJsonExportor
实例,调用exportJsonString()
拿到导出结果
![](https://img.haomeiwen.com/i2959136/3fef250fb487afe9.png)
dynamic_widget: https://github.com/dengyin2000/dynamic_widget
网友评论