我有一个 WordPress 博客,我正在尝试为该博客创建一个应用程序。使用博客的 API 时,我找不到正确的代码集来获取博客之间的图像 我已经获取了博客的特色图像,但问题是在段落文本之间获取图像。现在,我得到的不是图像,而是这样的文本。附上截图。
其次,在获取文本时,我将标签与文本一起获取,那么如何删除这些标签。附上截图。
这是我用来获取所有这些的代码:
import 'package:flutter/material.dart';
import 'package:thewritingparadigm/screens/post_details.dart';
import 'package:thewritingparadigm/service/post_data.dart';
class LatestPost extends StatefulWidget {
const LatestPost({Key? key}) : super(key: key);
@override
State createState() => _LatestPostState();
}
class _LatestPostState extends State {
Post postService = Post();
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: postService.getAllPost(),
builder: (context, snapshot) {
if (snapshot.hasData) {
if (snapshot.data!.isEmpty) {
return const Center(child: Text("No Post Available"));
}
return ListView.builder(
shrinkWrap: true,
itemCount: snapshot.data?.length,
itemBuilder: (context, i) {
return Card(
child: ListTile(
title: Column(
children: [
const SizedBox(
height: 20.0,
),
SizedBox(
width: double.infinity,
height: 250.0,
child: Image.network(snapshot.data![i]["_embedded"]
!["wp:featuredmedia"][0]["source_url"]),
),
const SizedBox(
height: 15.0,
),
Text(
snapshot.data![i]['title']['rendered'],
style: const TextStyle(
fontSize: 25.0,
fontWeight: FontWeight.bold,
),
),
],
),
subtitle: Container(
padding: const EdgeInsets.only(
left: 5.0, right: 5.0, bottom: 25.0),
child: Text(
snapshot.data![i]['content']['rendered']
.toString()
.replaceAll("", "")
.replaceAll("
", ""),
maxLines: 4,
overflow: TextOverflow.ellipsis,
style: const TextStyle(fontSize: 16.0),
),
),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
PostDetails(data: snapshot.data?[i]),
),
);
},
),
);
});
} else if (snapshot.hasError) {
return Center(
child: Text(snapshot.error.toString()),
);
} else {
return const Center(
child: CircularProgressIndicator(),
);
}
},
);
}
}
© 版权声明
本站下载的源码均来自公开网络收集转发二次开发而来,
若侵犯了您的合法权益,请来信通知我们1413333033@qq.com,
我们会及时删除,给您带来的不便,我们深表歉意。
下载用户仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,访问及下载者下载默认同意本站声明的免责申明,请合理使用切勿商用。
THE END
暂无评论内容