Tabs交互,需要实现以下目标:

  • 菜单默认高亮;
  • 切换功能:选中的菜单高亮、实现内容切换。

Tabs自带onChange属性,点击或者滑动就会触发。

通过数组的索引来实现究竟是哪个选项高亮。

用状态变量跟索引比较,相等时显示为粉红色即可。

接下来要实现点击其他选项然后其他选项变粉红的效果。之前介绍了onChange方法,可以在这个方法里改变状态变量的值。

接下来要完善切换四个页面的功能。

四个页面分别放到了四个ets文件里,那么如何引用内容呢?

在其他页面的struct前面加上export,相当于是导出的意思,这样别人才能引用。

然后在Layout里面调用即可: