如何从颤动的graphQL发送多行字符串？

Question

我正在尝试将多行支持放在应用的评论部分之一，但它不接受它。

我输入的是

Hi
Hello
Hello

显示这个错误

这是我为输入框编写的代码

             ListTile(
                leading: CircleAvatar(
                  backgroundImage: AssetImage(UIData.pkImage),
                ),
                title:  Container(
                  constraints: BoxConstraints(
                    maxHeight: double.infinity,
                    minHeight: 20,
                  ),
                child: TextField(
                  keyboardType: TextInputType.multiline,
                  minLines: 1,//Normal textInputField will be displayed
                  maxLines: 10,// when user presses enter it will adapt to it
                  decoration: InputDecoration(
                      suffix: IconButton(
                        color: Colors.grey,
                        icon: Icon(Icons.send),
                        onPressed: () {
                          createComment();
                        },
                      ),
                      hintText: 'Leave a Comment....',
                      border: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(20.0),
                          borderSide: BorderSide(color: Colors.teal))),
                  controller: commentController,
                ),
                ),
              ),

问题在于更新 graphQL 查询并使用字符串块对其进行初始化

String createComments(String postId, var text) {
    return """
mutation{
  createComment(postId: "$postId", 
  data:{
    text: ""$text"",
  }
  ){
    _id
  }
}
"""
;
  }
              

Answer 1

我们也可以使用额外的空间放置

Answer 2

我猜你正在使用flutter_graphql。 使用插值生成突变字符串是不好的做法。您应该使用graphql 变量来发送带有突变的数据（并且，发送多行字符串没有问题）。

示例：

String createComments(String postId, var text) {
  const createCommentMutation = """
      mutation createComment(\$postId: String, \$comment:String) { 
        createComment(postId: \$postId, 
          data:{
            text: \$comment,
          }
        ){
          _id
        }
      }
  """;

  dynamic _resp = await _graphClient
          .mutate(MutationOptions(
              document: gql(createCommentMutation),
              variables: {
                'postId': postId, //Add your variables here
                'comment':text
              },
          ));

}

\$postId & \$comment 的类型应与您的 graphql 模式中的类型相同。我在第一行将它们声明为String。

你可以找到同样here的文档