如何将文本提交到按钮，当按下按钮时，它将使用bloc in flutter在另一个页面上显示文本

在Flutter中，可以使用BLoC（Business Logic Component）模式来管理应用程序的状态和业务逻辑。要实现将文本提交到按钮并在另一个页面上显示文本的功能，可以按照以下步骤进行操作：

创建一个新的Flutter项目，并在pubspec.yaml文件中添加bloc和flutter_bloc依赖。

dependencies:
  flutter:
    sdk: flutter
  bloc: ^7.0.0
  flutter_bloc: ^7.0.0

在lib目录下创建一个新的文件夹，命名为bloc，并在其中创建一个新的文件，命名为text_bloc.dart。在该文件中定义一个用于管理文本状态的BLoC类。

import 'package:bloc/bloc.dart';

class TextBloc extends Bloc<String, String> {
  TextBloc() : super('');

  @override
  Stream<String> mapEventToState(String event) async* {
    yield event;
  }
}

在lib目录下创建一个新的文件夹，命名为pages，并在其中创建两个新的文件，分别命名为home_page.dart和result_page.dart。home_page.dart是应用程序的主页，result_page.dart是用于显示文本的页面。

home_page.dart：

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:your_project_name/bloc/text_bloc.dart';

class HomePage extends StatelessWidget {
  final TextEditingController _textEditingController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextField(
              controller: _textEditingController,
              decoration: InputDecoration(
                hintText: 'Enter text',
              ),
            ),
            ElevatedButton(
              onPressed: () {
                final text = _textEditingController.text;
                BlocProvider.of<TextBloc>(context).add(text);
                Navigator.pushNamed(context, '/result');
              },
              child: Text('Submit'),
            ),
          ],
        ),
      ),
    );
  }
}

result_page.dart：

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:your_project_name/bloc/text_bloc.dart';

class ResultPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Result'),
      ),
      body: Center(
        child: BlocBuilder<TextBloc, String>(
          builder: (context, state) {
            return Text(state);
          },
        ),
      ),
    );
  }
}

在lib目录下创建一个新的文件，命名为main.dart，并在其中配置应用程序的路由。

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:your_project_name/bloc/text_bloc.dart';
import 'package:your_project_name/pages/home_page.dart';
import 'package:your_project_name/pages/result_page.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter BLoC Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: '/',
      routes: {
        '/': (context) => BlocProvider<TextBloc>(
              create: (context) => TextBloc(),
              child: HomePage(),
            ),
        '/result': (context) => ResultPage(),
      },
    );
  }
}