Я разрабатываю приложение для ведения блога, Как я могу вставить медиафайлы, такие как изображение, аудио, видео и т.д., В мое текстовое поле в Flutter?

#flutter #flutter-layout #flutter-dependencies #flutter-web #flutter-animation

#flutter #flutter-layout #flutter-зависимости #flutter-web #flutter-анимация

Вопрос:

 Container(
                    padding: const EdgeInsets.all(10.0),
                    child: ConstrainedBox(
                      constraints: BoxConstraints(
                        maxHeight: double.infinity,
                      ),
                      child: TextFormField(
                        textInputAction: TextInputAction.next,
                        focusNode: titleFocusNode,
                        decoration: InputDecoration(
                          counterStyle: TextStyle(color: Colors.white),
                          alignLabelWithHint: true,
                          labelStyle: TextStyle(
                              fontSize: titleFocusNode.hasFocus
                                  ? 24
                                  : 18.0, //I believe the size difference here is 6.0 to account padding
                              color: titleFocusNode.hasFocus
                                  ? Colors.orange
                                  : Colors.white),
                          labelText: 'Title',
                          filled: true,
                          fillColor: Colors.black,
                          enabledBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(10.0),
                            borderSide: BorderSide(
                              color: Colors.grey,
                            ),
                          ),
                          focusedBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(15.0),
                            borderSide: BorderSide(
                              color: Colors.orange,
                            ),
                          ),
                        ),
                        style: TextStyle(color: Colors.white, fontSize: 20),
                        maxLength: 100,
                        maxLines: null,
                        onFieldSubmitted: (value) {
                          FocusScope.of(context)
                              .requestFocus(titleFocusNode);
                        },
                      ),
                    ),
                  ),
  

Я хочу создать приложение flutter для ведения блога. Я хочу вставить медиафайлы, такие как аудио, видео, файлы изображений, в поле текстовой формы. Я ссылался на многие веб-сайты, но ничего не смог найти. Пожалуйста, помогите мне…

Это то, чего я хочу достичь https://i.stack.imgur.com/Zwu9F.jpg

Комментарии:

1. Вы имеете в виду, используя текстовое поле, что вы хотите вставить маршрут носителя? Если да, то вы можете активировать библиотеки, такие как ImagePicker, из свойства onTap в текстовом поле, которое будет активировано при нажатии, и вернуть название носителя или даже путь к нему и поместить его в поле.

2. @BaselAbuhadrous Я хочу загрузить этот медиафайл в TextFormFeild.

3. Не могли бы вы пояснить немного конкретнее, это называется текстовым полем, как вы хотите загрузить медиа внутри него? расскажите мне о сценарии, которого вы хотите достичь

4. Я хочу вставить изображение, а также текст в мое поле формы, как мы делаем в Quora и Medium. Теперь, пожалуйста, вы можете мне помочь?

Ответ №1:

Боюсь, что Flutter не делает этого из коробки, но это не значит, что он не может этого сделать, что вам нужно сделать, это создать код, который понимает, что текст содержит путь к изображению / мультимедиа внутри него, точно так же, как stack overflow знает, как различать код, ссылки и обычный текст, возможно, этот плагин поможет вам понять идею, но это не то, что вы ищете