我有一个WordPress博客,我正在尝试为该博客创建一个应用程序

我有一个 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()

图片[1]-我有一个WordPress博客,我正在尝试为该博客创建一个应用程序-唐朝资源网

.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(), ); } }, ); } }

© 版权声明
THE END
喜欢就支持一下吧
点赞247赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容