Flutter: EBook应用程序:缩放和滚动文本的问题

import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';

class ZoomableText extends StatefulWidget {
  final String text;

  ZoomableText({required this.text});

  @override
  _ZoomableTextState createState() => _ZoomableTextState();
}

class _ZoomableTextState extends State<ZoomableText> {
  double _scale = 1.0;
  double _previousScale = 1.0;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onScaleStart: (ScaleStartDetails details) {
        _previousScale = _scale;
      },
      onScaleUpdate: (ScaleUpdateDetails details) {
        setState(() {
          _scale = _previousScale * details.scale;
        });
      },
      child: Transform.scale(
        scale: _scale,
        child: Text(widget.text),
      ),
    );
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('EBook App'),
        ),
        body: Center(
          child: ZoomableText(
            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

class ScrollableText extends StatelessWidget {
  final String text;

  ScrollableText({required this.text});

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Text(text),
    );
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('EBook App'),
        ),
        body: Center(
          child: ScrollableText(
            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
          ),
        ),
      ),
    );
  }
}