[TDSideBar] 如果children内的数据是通过接口获取的，则无法正常渲染

[carrot7454]

tdesign-flutter 版本

0.1.5

重现链接

No response

重现步骤

1. 使用官方案例中示例可以正常渲染

数据是从接口里拿的，而且也能打印出来，但是页面渲染不出来

期望结果

能够正常渲染

实际结果

无法正常渲染

Flutter版本

No response

设备与机型信息

No response

系统版本

No response

补充说明

No response

[github-actions]

👋 @carrot7454，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[ccXxx1aoBai]

可以试下把setState放到第二张图片for循环后面

[carrot7454]

可以试下把setState放到第二张图片for循环后面

试了一下，我在用另一个listview把数据渲染出来，然后换到组件上，然后reload样式就出来了，但是一旦restart的话就咋整又出不来了

[soxft]

如果是第二张图 list直接 add 可能会造成 flutter 无法检测到变更
试试用 list = [...list, SideItemProps()]

[carrot7454]

如果是第二张图 list直接 add 可能会造成 flutter 无法检测到变更 试试用 list = [...list, SideItemProps()]

已改，但是还是restart的时候出不来

[soxft]

如果是第二张图 list直接 add 可能会造成 flutter 无法检测到变更 试试用 list = [...list, SideItemProps()]

已改，但是还是restart的时候出不来

TDSidebar 通过在首次初始化时，在 initState 中 将 widget.children 转换成内部变量 displayChildren 后渲染 因此无法感知父组件 children 变化而 刷新子组件

tdesign-flutter/tdesign-component/lib/src/components/sidebar/td_sidebar.dart

Lines 140 to 151 in f6837f6

	displayChildren = widget.children
	.asMap()
	.entries
	.map((entry) => SideItemProps(
	index: entry.key,
	disabled: entry.value.disabled,
	value: entry.value.value,
	icon: entry.value.icon,
	label: entry.value.label,
	textStyle: entry.value.textStyle,
	badge: entry.value.badge))
	.toList();

可以通过 didUpdateWidget 等方式，监听 widget.children 变化后，更新 displayChildren

我感觉是这样

[ccXxx1aoBai]

restart也得调用setState()

[ccXxx1aoBai]

flutter不像vue那样响应式数据，需要通过触发build()来更新

[soxft]

restart也得调用setState()

好家伙 不太懂
能否帮忙看一下 写了个demo https://github.com/soxft/TDCascader/tree/td_sidebar 感谢

[ccXxx1aoBai]

restart也得调用setState()

好家伙 不太懂 能否帮忙看一下 写了个demo https://github.com/soxft/TDCascader/tree/td_sidebar 感谢

我看demo没问题，建议可以把变量放到setState函数体里面

[soxft]

restart也得调用setState()

好家伙 不太懂 能否帮忙看一下 写了个demo https://github.com/soxft/TDCascader/tree/td_sidebar 感谢

我看demo没问题，建议可以把变量放到setState函数体里面

运行起来确实会遇到 问题

当 picker 处于打开的状态下，再在 父组件更新数据。 picker内 没有渲染新的数据。

2024-07-30.15.33.05.mov

[ccXxx1aoBai]

restart也得调用setState()

好家伙 不太懂 能否帮忙看一下 写了个demo https://github.com/soxft/TDCascader/tree/td_sidebar 感谢

我看demo没问题，建议可以把变量放到setState函数体里面

运行起来确实会遇到 问题

当 picker 处于打开的状态下，再在 父组件更新数据。 picker内 没有渲染新的数据。

2024-07-30.15.33.05.mov

因为这是两个页面，setState只作用于当前页

[ccXxx1aoBai]

restart也得调用setState()

好家伙 不太懂 能否帮忙看一下 写了个demo https://github.com/soxft/TDCascader/tree/td_sidebar 感谢

我看demo没问题，建议可以把变量放到setState函数体里面

运行起来确实会遇到 问题
当 picker 处于打开的状态下，再在 父组件更新数据。 picker内 没有渲染新的数据。
2024-07-30.15.33.05.mov

因为这是两个页面，setState只作用于当前页

你这个需求是啥情景，不能先获取数据在打开吗

[soxft]

restart也得调用setState()

好家伙 不太懂 能否帮忙看一下 写了个demo https://github.com/soxft/TDCascader/tree/td_sidebar 感谢

我看demo没问题，建议可以把变量放到setState函数体里面

运行起来确实会遇到 问题
当 picker 处于打开的状态下，再在 父组件更新数据。 picker内 没有渲染新的数据。
2024-07-30.15.33.05.mov

因为这是两个页面，setState只作用于当前页

你这个需求是啥情景，不能先获取数据在打开吗

主要是 按照题主的思路吧 ( 可以先 展示一个 loading 等待加载完后 再打开

[ccXxx1aoBai]

restart也得调用setState()

好家伙 不太懂 能否帮忙看一下 写了个demo https://github.com/soxft/TDCascader/tree/td_sidebar 感谢

我看demo没问题，建议可以把变量放到setState函数体里面

运行起来确实会遇到 问题
当 picker 处于打开的状态下，再在 父组件更新数据。 picker内 没有渲染新的数据。
2024-07-30.15.33.05.mov

因为这是两个页面，setState只作用于当前页

你这个需求是啥情景，不能先获取数据在打开吗

主要是 按照题主的思路吧 ( 可以先 展示一个 loading 等待加载完后 再打开

先弹出，再显示值，这个需要改造组件

[github-actions]

这个 Issue 被标记为了过时 stale ，因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论，否则将在 7 天内关闭。

[github-actions]

这个 Issue 被标记为了过时 stale ，因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论，否则将在 7 天内关闭。

[github-actions]

这个 Issue 被标记为了过时 stale ，因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论，否则将在 7 天内关闭。

[github-actions]

这个 Issue 被标记为了过时 stale ，因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论，否则将在 7 天内关闭。

[Luozf12345]

0.1.7版本已支持