簡體   English   中英

顫動更改右上角的文本位置

[英]Flutter change text position on top right

我怎樣才能改變我的文字在右上角的位置? 我嘗試使用“text.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'),
        ),
      )
    );
  }
}

這里是我的超鏈接.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,
    );
  }
}

@andrea,您可以將 Text 小部件放在 Container 中,並像這樣在 hyperlink.dart 中使用 Container 對齊方式,

  @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,
    );
  }

截屏:

截屏

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM