Flutter TextField上仅左上角的边框

在Flutter中，如果你想要一个TextField仅显示左上角的边框，可以通过自定义TextField的decoration属性来实现。下面是一个简单的示例代码，展示了如何创建一个只有左上角边框的TextField：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('TextField with Left Top Border')),
        body: Center(
          child: LeftTopBorderTextField(),
        ),
      ),
    );
  }
}

class LeftTopBorderTextField extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        border: Border(
          top: BorderSide(width: 1.0, color: Colors.black),
          left: BorderSide(width: 1.0, color: Colors.black),
        ),
      ),
      child: TextField(
        decoration: InputDecoration(
          border: InputBorder.none, // 移除TextField默认的边框
          hintText: 'Enter text here',
        ),
      ),
    );
  }
}

在这个示例中，我们创建了一个名为LeftTopBorderTextField的自定义StatelessWidget。这个组件包含一个Container，它的decoration属性被设置为一个BoxDecoration对象，该对象具有顶部和左侧的边框。然后，我们在Container内部放置了一个TextField，并通过InputDecoration的border属性将其默认边框移除。

这样，TextField就只会显示左上角的边框了。