如何优化一个weex+bindingX的动效问题？

Question

背景：
使用weex和bindingX实现了一个动效，可以使用bindingX playground 扫码查看对应的效果：

动效解释：随着页面的滚动，头像和名称会随之滚动，然后头部导航栏也发生对应的改变。点击名称，会出现input框允许用户修改名称。
现在的问题是：如果当头像和名称滚动到头部导航栏的位置后去修改名称，修改后，只有当滚动页面（滚动触发了动画）才能保证导航栏的样式适应头像和名称长度的改变。每次修改名称，都会重启一次动画。
如何操作，才能保证修改名称之后，就可以让导航栏的样式适应头像和名称长度的改变？

源码地址：https://github.com/gaoshu883/weex-demo的gh-pages分支

Answer 1

最终没有从bindingX的角度找到答案，目前的解决方案是：通过绑定style修改组件样式，在动画重启之前，先把组件的样式（比如宽度）调整到动画重启后的起点值。为了获取到准确的属性值，需要用到延迟函数。

Answer 2

试试 触发下数据绑定？

另外对于 边界值 的处理，bindingx 里面一般是通过 三目表达式 来实现。