主页 / 问题 / 1075451
Accepted
Andrey Khan
Asked:2020-01-28 22:27:22 +0000 UTC2020-01-28 22:27:22 +0000 UTC

轻拍颤振功能

  • 772

我是 Flutter 的新手，我决定创建一个应用商店。我有 10 个类别，我创建了一个自定义小部件，其中有一个点击功能。是否可以从一键式功能直接指向这 10 个类别？

class ListOfCategory extends StatefulWidget {
  @override
  _ListOfCategoryState createState() => _ListOfCategoryState();
}

class _ListOfCategoryState extends State<ListOfCategory> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView(
        // padding: EdgeInsets.only(left: 40, right: 40),
        children: <Widget>[
          Padding(
            padding: EdgeInsets.only(top: 30, left: 40, right: 40),
            child: Image.asset('assets/dafna_logo.png'),
          ),
          SizedBox(height: 15),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Wrap(
              children: <Widget>[
                _categoryTap('name'),
                _categoryTap('name'),
                _categoryTap('name'),
                _categoryTap('name'),
                _categoryTap('name'),
                _categoryTap('name'),
                _categoryTap('name'),
                _categoryTap('name'),
                _categoryTap('name'),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

Widget _categoryTap(String _nameCategory) {
  return InkWell(
    onTap: () {},
    child: Padding(
      padding: EdgeInsets.all(5),
      child: Column(
        children: <Widget>[
          Container(
            height: 120,
            width: 120,
            color: Colors.blue,
          ),
          Container(
            width: 120,
            height: 35,
            // color: Colors.red,
            child: Text(
              _nameCategory,
            ),
          ),
        ],
      ),
    ),
  );
}
flutter

1 个回答

  1. Best Answer

    为了导航你的应用程序，Flutter 有一个Navigator，它允许你通过类名或路由名进行导航。

    如果我正确理解了这个问题，那么它将是这样的：

    import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // Начало приложения
      initialRoute: '/',
      // Список всех возможных маршрутов приложения
      routes: {
        '/': (context) => ListOfCategory(),
        '/second': (context) => SecondScreen(),
      },
      debugShowCheckedModeBanner: false,
    );
  }
}

class ListOfCategory extends StatefulWidget {
  @override
  _ListOfCategoryState createState() => _ListOfCategoryState();
}

class _ListOfCategoryState extends State<ListOfCategory> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView(
        children: <Widget>[
          Padding(
            padding: EdgeInsets.only(top: 30, left: 40, right: 40),
            child: Image.asset('assets/dafna_logo.png'),
          ),
          SizedBox(height: 15),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Wrap(
              children: <Widget>[
                _categoryTap('second', '/second'),
                _categoryTap('name2', '/...'),
                _categoryTap('name3', '/...'),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget _categoryTap(String _nameCategory, String route) {
    return InkWell(
      onTap: () => Navigator.pushNamed(context, route),
      child: Padding(
        padding: EdgeInsets.all(5),
        child: Column(
          children: <Widget>[
            Container(
              height: 120,
              width: 120,
              color: Colors.blue,
            ),
            Container(
              width: 120,
              height: 35,
              child: Text(
                _nameCategory,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

// Другой экран
class SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Second Page"),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: () => Navigator.pushNamed(context, '/'),
          child: Text('Go back!'),
        ),
      ),
    );
  }
}

    这个例子并不理想，如果你想做得更好，那么这里有一个如何做的例子。

    可以帮助您处理导航的好文章。

    • 1

相关问题