cybdom / flutter_wordpress

A flutter blog app linked to a wordpress backend

wordpress_flutter

Straightforward blog app built in flutter for a wordpress backend.

Packages Used:

1. Google fonts
2. Http:
3. Flutter_html
4. Url_launcher

Result:

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

• Lab: Write your first Flutter app
• Cookbook: Useful Flutter samples

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

flutter_wordpress's Issues

url erron

when i put my url, in build app show error,i cant find why. Thanks a lot

[Error] _TypeError (type 'String' is not a subtype of type 'int' of 'index')

When I change baseUrl to my website, and I run
This error shows.

How do I fix this?

Exception has occurred.

Exception has occurred.
NoSuchMethodError (NoSuchMethodError: The method 'cast' was called on null.
Receiver: null
Tried calling: cast<Map<String, dynamic>>())

==========
CODE

import 'dart:convert';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:santriasyik_app/global.dart';
import 'package:santriasyik_app/models/single_post.dart';
import 'package:santriasyik_app/ui/screens/post.dart';
import 'package:santriasyik_app/ui/widgets/widgets.dart';
import 'package:http/http.dart' as http;

class HomeScreen extends StatefulWidget {
@OverRide
_HomeScreenState createState() => _HomeScreenState();
}

List parsePosts(response) {
final parsed = jsonDecode(response)['posts'].cast<Map<String, dynamic>>();
return parsed.map((json) => SinglePost.fromJson(json)).toList();
}

Future<List> _getPosts() async {
final response = await http.get(baseUrl);
return compute(parsePosts, response.body);
}

class _HomeScreenState extends State {
Future<List> _postsFuture;
@OverRide
void initState() {
super.initState();
_postsFuture = _getPosts();
}

@OverRide
Widget build(BuildContext context) {
return SafeArea(
child: FutureBuilder<List>(
future: _postsFuture,
builder: (context, snapshot) {
if (snapshot.hasError)
return Scaffold(
body: Center(
child: Text("Error"),
),
);
if (snapshot.hasData) {
return Scaffold(
appBar: AppBar(
elevation: 0,
title: Text(
"Cybdom Blog",
style: Theme.of(context)
.textTheme
.title
.copyWith(color: Colors.black),
),
actions: [
Padding(
padding: const EdgeInsets.all(9.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(9),
child: Image.network(
"${snapshot.data[0].avatarURL}",
fit: BoxFit.cover,
),
),
)
],
),
body: ListView(
children: [
Container(
height: MediaQuery.of(context).size.height * .35,
margin: const EdgeInsets.symmetric(vertical: 15.0),
child: PageView.builder(
controller: PageController(viewportFraction: .76),
scrollDirection: Axis.horizontal,
itemCount: snapshot.data.length,
itemBuilder: (context, i) => OverlayedContainer(
authorAvatar: "${snapshot.data[i].avatarURL}",
author: "${snapshot.data[i].authorName}",
image: "${snapshot.data[i].featuredImage}",
title: "${snapshot.data[i].title}",
onTap: () => Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
PostScreen(postData: snapshot.data[i]),
),
),
),
),
),
Padding(
padding: const EdgeInsets.all(9),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"All Posts",
style: Theme.of(context).textTheme.subtitle,
),
ListView.builder(
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
itemCount: 5,
itemBuilder: (context, i) => PostContainer(
author: "${snapshot.data[i].authorName}",
image: "${snapshot.data[i].featuredImage}",
title: "${snapshot.data[i].title}",
onTap: () => Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
PostScreen(postData: snapshot.data[i]),
),
),
),
)
],
),
)
],
),
);
} else {
return Scaffold(
body: Center(
child: CircularProgressIndicator(),
),
);
}
},
),
);
}
}

Show Image Error : showImages: true,

CODE

import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:ipnu_ippnu_mobile/models/single_post.dart';

class PostScreen extends StatelessWidget {
final SinglePost postData;

const PostScreen({Key key, @required this.postData}) : super(key: key);
@OverRide
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: LayoutBuilder(
builder: (context, _) => Stack(
children: [
Positioned.fill(
bottom: MediaQuery.of(context).size.height * .55,
child: Image.network(
"${postData.featuredImage}",
fit: BoxFit.cover,
),
),
Positioned(
top: 0,
left: 0,
right: 0,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
IconButton(
icon: Icon(
Icons.chevron_left,
color: Colors.white,
),
onPressed: () => Navigator.pop(context),
),
IconButton(
icon: Icon(
Icons.bookmark_border,
color: Colors.white,
),
onPressed: () {},
),
],
),
),
Positioned.fill(
child: DraggableScrollableSheet(
initialChildSize: .65,
minChildSize: .65,
builder: (context, controller) => Container(
padding: const EdgeInsets.all(15),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topRight: Radius.circular(25),
topLeft: Radius.circular(25),
),
),
child: ListView(
controller: controller,
children: [
ListTile(
leading: Image.network(
"${postData.avatarURL}",
height: 35,
width: 35,
fit: BoxFit.cover,
),
title: Text(
"${postData.authorName}",
style: Theme.of(context).textTheme.subtitle,
),
),
SizedBox(height: 9),
Html(
data: "${postData.content}",
showImages: true,
onLinkTap: (url) async {
if (await canLaunch(url)) {
await launch(url);
} else {
throw 'Could not launch $url';
}
},
),
],
),
),
),
)
],
),
),
),
);
}
}

How do I install and get a wordpress API on your code? and Insert key API

String baseUrl =
"https://public-api.wordpress.com/rest/v1.1/sites/nationalsantri.wordpress.com/posts";