lift-app/lib/widgets/text_field_item.dart

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:liftmanager/res/resources.dart';
import 'package:liftmanager/utils/number_text_input_formatter.dart';
import 'package:keyboard_actions/keyboard_actions.dart';
import 'package:liftmanager/utils/theme_utils.dart';

/// 封装输入框
class TextFieldItem extends StatelessWidget {
  const TextFieldItem(
      {Key key,
      this.controller,
      @required this.title,
      this.keyboardType: TextInputType.text,
      this.hintText: "",
      this.isMust: false,
      this.content: "",
      this.focusNode,
      this.onChanged,
      this.config,
      this.enabled=true})
      : super(key: key);

  final TextEditingController controller;
  final String title;
  final String hintText;
  final bool isMust;
  final String content;
  final TextInputType keyboardType;
  final FocusNode focusNode;
  final Function onChanged;
  final KeyboardActionsConfig config;
  final bool enabled;

  @override
  Widget build(BuildContext context) {
    bool isDark = ThemeUtils.isDark(context);
    if (config != null && defaultTargetPlatform == TargetPlatform.iOS) {
      // 因Android平台输入法兼容问题，所以只配置IOS平台
      FormKeyboardActions.setKeyboardActions(context, config);
    }
    if(content.length>0){
      controller.text = content;
    }
    return Container(
      height: 50.0,
      padding: const EdgeInsets.only(left: 16.0),
      width: double.infinity,
      decoration: BoxDecoration(
          color: isDark?Colors.black:Colors.white,
          border: Border(
        bottom: Divider.createBorderSide(context, width: 0.6),
      )),
      child: Row(
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.only(right: 5.0),
            child: Text(title),
          ),
          Offstage(
            offstage: !this.isMust,
            child: Text(
              "*",
              style: TextStyle(color: Colors.red),
            ),
          ),
          Expanded(
            flex: 1,
            child: TextField(
                enabled: enabled,
                textAlign: TextAlign.right,
                onChanged: onChanged,
                focusNode: focusNode,
                keyboardType: keyboardType,
                inputFormatters: _getInputFormatters(),
                controller: controller,
                //style: TextStyles.textDark14,
                decoration: InputDecoration(
                  hintText: hintText,
                  hintStyle: TextStyle(color: Colours.text_gray_c),
                  border: InputBorder.none, //去掉下划线
                  //hintStyle: TextStyles.textGrayC14
                )),
          ),
          Gaps.hGap16
        ],
      ),
    );
  }

  _getInputFormatters() {
    if (keyboardType == TextInputType.numberWithOptions(decimal: true)) {
      return [UsNumberTextInputFormatter()];
    }
    if (keyboardType == TextInputType.number ||
        keyboardType == TextInputType.phone) {
      return [WhitelistingTextInputFormatter.digitsOnly];
    }
    return null;
  }
}