如何解决使用 getx 控制器时,未为类型“Rx<某个类>”定义 getter“某个变量”
我正在尝试为我的项目实施 reactive getx 以实现更简洁的代码。
在控制器飞镖文件中,我有:
class ReadSinglePostController extends GetxController {
var posts = Post(
postID: 1,userID: 0,thumbnail: 'some base64string',imageList: 'some base64string',title: 'title',description: 'description',createdTime: DateTime.now())
.obs;//initialization and make the class Post observable
var postid = 0.obs; //initialize postid and make it observable
void updateID(var postID) {
postid = postID;
} //update the postid variable when a specific post is clicked in the post list
@override
void onInit() {
super.onInit();
readPost(postid);
}
Future readPost(var postID) async {
var result = await PostsDatabase.instance.readNote(postID);
posts = result;
}//function to read the detailed content of that specific post from database passing in the postid
}
然后在 UI 的主页上,我将所有帖子都放在一个网格中,我实现了这个控制器以在点击特定帖子时更新 postid
。单击帖子时,它会导航到帖子详细信息页面,并在该 UI 文件中出现错误:
Error:The getter "thumbnail" isn't defined for the type 'Rx<Post>'.
当我使用 getter 'title'、'description' 等时,出现同样的错误。
代码如下:
class PostBody extends StatelessWidget {
PostBody({
Key? key,}) : super(key: key);
final readSinglePostController = Get.put(ReadSinglePostController());
@override
Widget build(BuildContext context) {
return DefaultTextStyle(
style: Theme.of(context).textTheme.bodyText2!,child: LayoutBuilder(
builder: (BuildContext context,BoxConstraints viewportConstraints) {
return SingleChildScrollView(
child: ConstrainedBox(
constraints: BoxConstraints(
minHeight: viewportConstraints.maxHeight,),child: GetX<ReadSinglePostController>(
builder: (controller) {
return ...
...
...
child: FadeInImage(
placeholder: MemoryImage(kTransparentImage),image:
Utility.imageFromBase64String(
controller.posts.thumbnail)//Error:The getter "thumbnail" isn't defined for the type 'Rx<Post>'. and the same error comes up when I use getter 'title','description' and etc.
.image,...
有什么线索吗,伙计们?
解决方法
在 Getx 中,Rx<T>
是 T
的包装器。
这意味着当您调用 controller.posts
时,您将获得一个响应式类型的实例,即 Rx<Post>
。
现在,Rx<Post>
不会直接知道 Post
中存在哪些成员,这就是您无法直接访问它们的原因。
相反,您必须首先从反应式对象中获取 value
,它为您提供 Post
包装的实际 Rx
实例。您可以从中访问您的实例变量。
controller.posts.value.thumbnail
这里,controller.posts.value
是 Post
类型。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。