xenesarslanx Ben de mevcut projemde böyle bir yapı kullanıyorum. Oradan veriler json formatta yazdırılırsa o sayfanın linkini alın. Tabi sunucunun da dışarıya açık olması lazım. Network model sayfamı ve Kampanyaları uygulamaya çekip gösterdiğim sayfamı paylaşıyorum sizinle siz domain olmadan nasıl olur demişsiniz ama en azından bir fikir verir diye paylaşmak istedim.
network.dart
`import 'dart:convert';
import 'package:http/http.dart';
class Network {
final String url;
Network(this.url);
Future<dynamic> fetchData() async {
Response response = await get(Uri.encodeFull(url));
if (response.statusCode == 200) {
return json.decode(response.body);
} else {
throw Exception(response.statusCode);
}
}
}
`
`import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
import 'package:tg_abone_fapp/campaign_detail.dart';
import 'package:tg_abone_fapp/login.dart';
import 'package:tg_abone_fapp/models/network.dart';
class CampaignPage extends StatefulWidget {
CampaignPage({Key key, this.user}) : super(key: key);
final User user;
@override
_CampaignPageState createState() => _CampaignPageState();
}
class _CampaignPageState extends State<CampaignPage> {
Future<dynamic> data;
@override
void initState() {
super.initState();
Network network = new Network('JSON_DOSYASI_DOMAİNİ');
data = network.fetchData();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
leading: Container(),
title: Center(
child: Image.asset("img/logo.png", height: 50, fit: BoxFit.fill)),
backgroundColor: Colors.white,
actions: [
IconButton(
icon: const Icon(
Icons.logout,
color: Colors.red,
size: 30,
),
onPressed: () {
Navigator.pushReplacement(
context,
MaterialPageRoute(
builder: (context) => Login(),
),
);
},
),
],
),
body: Container(
decoration: BoxDecoration(
color: Color(0xFFf5f5f5),
),
child: FutureBuilder(
future: data,
builder: (context, AsyncSnapshot<dynamic> snapshot) {
if (snapshot.hasData) {
return customList(context, snapshot.data);
} else if (snapshot.hasError) {
return Text(
"Hata var. " + snapshot.error.toString(),
style: TextStyle(fontSize: 30),
);
} else {
return Center(child: CircularProgressIndicator());
}
},
),
),
);
}
Widget customList(BuildContext context, List<dynamic> data) {
return ListView.builder(
itemCount: data == null ? 0 : data.length,
itemBuilder: (context, int index) {
return Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0),
),
child: Column(
children: [
Container(
child: ClipRRect(
borderRadius: BorderRadius.circular(10.0),
child: Image.network(
"DOMAİN/${data[index]['image']}")),
padding: EdgeInsets.fromLTRB(15.0, 15.0, 15.0, 5.0)),
Container(
child: Text(
'${data[index]['title']}',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
color: Colors.red.shade500),
),
alignment: Alignment.centerLeft,
padding: EdgeInsets.fromLTRB(15.0, 10.0, 10.0, 5.0),
),
Container(
child: ListTile(
title: Text(
'${data[index]['shortdescription']}',
style: TextStyle(
fontSize: 13,
fontWeight: FontWeight.w500,
height: 1.2,
letterSpacing: 0.2,
fontFamily: 'Trajan Pro',
),
),
trailing: Container(
width: 42,
padding: EdgeInsets.fromLTRB(2, 3, 2, 3),
child: ElevatedButton(
style: ButtonStyle(
shape: MaterialStateProperty.all(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15.0),
),
),
padding: MaterialStateProperty.all(
EdgeInsets.fromLTRB(12, 12, 12, 12),
),
backgroundColor:
MaterialStateProperty.all(Colors.white),
elevation: MaterialStateProperty.all(10.0),
),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => CampaignDetail(
campaignId: data[index]['id'],
),
),
);
},
child: Icon(
Icons.arrow_forward_ios_rounded,
color: Colors.red.shade500,
size: 15,
),
),
),
),
padding: EdgeInsets.fromLTRB(0.0, 0.0, 10.0, 10.0),
),
],
),
),
),
);
},
);
}
}
`
