2

Model インスタンス (api からの値を持つ) からデータを渡し、それを Text() ウィジェットに渡す方法は? ただし、リストビューを使用した例はありません。Text ウィジェットに値を渡すだけです。

最初のブロックでは、天気インスタンスに値がありますが、この値を Text ウィジェットに与える方法がわかりません。あなたが私を助けてくれたら、私は感謝します

home.dart ファイル:

import 'package:flutter/material.dart';
import 'package:weather_mix_app/models/weather_model.dart';
import 'package:weather_mix_app/services/weather.dart';

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  List<WeatherModel> weather = new List<WeatherModel>();

  @override
  void initState() {
    super.initState();
    setupWeather();
  }

  setupWeather() async {
    Weather weatherInstance = Weather();
    await weatherInstance.fetchData();
    weather = weatherInstance.weather;
  }

  @override
  Widget build(BuildContext context) {
    return Container(child: Text('WHAT I NEED TO WRITE...'));
  }
}

私のweather.dart(APIからデータを取得)

import 'dart:convert';

import 'package:http/http.dart';
import 'package:weather_mix_app/models/weather_model.dart';

class Weather {
  List<WeatherModel> weather = [];

  Future<void> fetchData() async {
    try {
      Response response = await get(
          'http://api.weatherstack.com/current?access_key=3327f40525a4577b7d0a75aea0c7d44f&query=New%20York');

      Map jsonData = jsonDecode(response.body);

      WeatherModel weatherModel = WeatherModel(
          description: jsonData['current']['weather_descriptions'],
          temp: jsonData['current']['temperature'],
          feels_like: jsonData['current']['feelslike'],
          query: jsonData['request']['query']);
      weather.add(weatherModel);
      print(weather);
    } catch (e) {
      print('caught error! $e');
    }
  }
}

そして私のweather_model.dart

class WeatherModel {
  dynamic description;
  dynamic temp;
  dynamic feels_like;
  dynamic query;

  WeatherModel({this.description, this.temp, this.feels_like, this.query});
}
4

1 に答える 1