android - Flutter 更改右上角的文本位置

Question

如何更改右上角文本的位置？我尝试使用“text.Align”，但我认为是为了文本对齐，并且不改变位置...我尝试放置“new Align”，但没有结果，我尝试从主文件中进行更改，但什么也没有，我找不到正确的属性...这里是我的 main.dart

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test',
      theme: ThemeData(
        brightness: Brightness.dark
      ),
      home: Scaffold(
        body: Center(
          child: Hyperlink('www.test.com', 'test'),
        ),
      )
    );
  }
}

这是我的 hyperlink.dart

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

class Hyperlink extends StatelessWidget {
  final String _url;
  final String _text;

  Hyperlink(this._url, this._text);

  _launchURL() async {
    if (await canLaunch(_url)) {
      await launch(_url);
    } else {
      throw 'Could not launch $_url';
    }
  }

  @override
  Widget build(BuildContext context) {
    return InkWell(
      child: Text(_text,
        textAlign: TextAlign.right,
        style: TextStyle(
          color: Colors.white,
          decoration: TextDecoration.underline),
      ),
      onTap: _launchURL,
    );
  }
}

Answer 1

@andrea，您可以将文本小部件放入容器中，并在 hyperlink.dart 中使用容器对齐方式，如下所示，

  @override
  Widget build(BuildContext context) {
    return InkWell(
      child: Container(
          alignment: Alignment.topRight,
          child: Text(
            _text,
            style: TextStyle(
                color: Colors.black, decoration: TextDecoration.underline),
          )),
      onTap: _launchURL,
    );
  }

屏幕截图: