用Android角度看待Flutter
1.常用的布局组件:
Android | Flutter |
---|---|
(LinearLayout)android:orientation=“horizontal” | Row |
(LinearLayout)android:orientation=“vertical” | Column |
RelativeLayout | Container |
FrameLayout/RelativeLayout | Stack |
FrameLayout | Stack |
复杂的滑动嵌套布局 | CustomScrollerView,slivers |
ViewGroup | Center |
Row、Column、Flex会被Expanded撑开,充满主轴可用空间 | Expanded(特有) |
2.常用的功能组件
Android | Flutter |
---|---|
TextView | Text |
ImageView | DecorationImage/Image |
Button | RaisedButton/Button |
FloatingActionButton(design库里面的) | FloatingActionButton |
BottomNavigation(design库里面的) | BottomNavigationBa |
ActionBar/ToolBar | AppBar |
ViewGroup | Center |
ListView/RecyclerView | ListView,GridView |
ScrollView | SingleChildScrollView |
表格参考 | DataTable |