Skip to content

CupertinoTextField should vertically center align the content text as well as the placeholder text, or make the vertical alignment configurable #33785

@LongCatIsLooong

Description

@LongCatIsLooong

The following code

import 'package:flutter/cupertino.dart';

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

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoApp(
      title: "Scroller",
      home: CupertinoPageScaffold(
        child: SizedBox.expand(
          child: CupertinoTextField(
            decoration: BoxDecoration(color: CupertinoColors.activeGreen),
            controller: TextEditingController(text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eleifend lacus tristique justo pharetra, in tincidunt sapien sagittis. Aenean quis tortor nec purus viverra mattis fringilla a massa. Etiam semper mauris a hendrerit eleifend. Donec imperdiet nisi ac massa auctor eleifend. Nullam in tristique risus, sodales euismod nunc. Etiam feugiat augue quis elit maximus elementum. Phasellus lobortis pulvinar eleifend. Fusce tristique venenatis ante vulputate dictum. Donec luctus quis magna ac condimentum. Vestibulum venenatis massa non ipsum scelerisque gravida. Ut blandit fermentum efficitur. Maecenas a orci ut mi ullamcorper consequat. Fusce vulputate, diam ut ultrices sodales, ante sem dapibus elit, nec volutpat ipsum dolor eu libero.
'),
          ),
        )
      ),
    );
  }
}

generates UI like this:
Simulator Screen Shot - iPhone XR - 2019-06-03 at 12 12 29

But in a native UITextField the text is vertically centered:
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    a: fidelityMatching the OEM platforms betterf: cupertinoflutter/packages/flutter/cupertino repository

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions