todolist example: Make it easier to hide keyboard when finished editing

- Hide keyboard on Keys.onReturnPressed event in the TextField-s
- Add "Done" button to TextArea to mark editing as finished and hide
the keyboard in return

Done-with: Mitch Curtis <mitch.curtis@qt.io>
Change-Id: I3351e5b3db356946b59b19c6f424153cbf2dbbb1
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
(cherry picked from commit db0716571c17a33809d9c4f53722fbc99656c0a4)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>

1 files changed, 18 insertions, 1 deletions

diff --git a/examples/quickcontrols2/ios/todolist/ProjectPage.qml b/examples/quickcontrols2/ios/todolist/ProjectPage.qml
index ca86ea521a..fd33e73980 100644
--- a/examples/quickcontrols2/ios/todolist/ProjectPage.qml
+++ b/examples/quickcontrols2/ios/todolist/ProjectPage.qml
@@ -63,13 +63,14 @@ Page {
         TextArea {
             id: textArea
             leftPadding: 15
-            rightPadding: 15
+            rightPadding: doneButton.width
             bottomPadding: 10
             topPadding: 10
             font.pointSize: AppSettings.fontSize
             placeholderText: qsTr("Write a note...")
             text: root.projectNote
             wrapMode: TextArea.Wrap
+            clip: true
 
             Layout.fillWidth: true
             Layout.preferredHeight: 80
@@ -79,6 +80,16 @@ Page {
                 Database.updateProjectNote(root.projectId, text)
                 projectsModel.setProperty(projectIndex, "projectNote", textArea.text)
             }
+
+            Button {
+                id: doneButton
+                text: qsTr("Done")
+                flat: true
+                visible: textArea.focus
+                onClicked: textArea.editingFinished()
+                anchors.right: parent.right
+                anchors.bottom: parent.bottom
+            }
         }
 
         ListView {
@@ -186,6 +197,11 @@ Page {
                     placeholderText: qsTr("Enter task name")
                     font.pointSize: AppSettings.fontSize
 
+                    Keys.onReturnPressed: {
+                        if (addTaskButton.enabled)
+                            addTaskButton.clicked()
+                    }
+
                     Layout.fillWidth: true
                     Layout.leftMargin: 10
                     Layout.rightMargin: 10
@@ -193,6 +209,7 @@ Page {
                 }
 
                 Button {
+                    id: addTaskButton
                     text: qsTr("Add task")
                     flat: true
                     font.pointSize: AppSettings.fontSize