Программирование : Dart & Flutter по-русски
Dart & Flutter по-русски
Программирование : Dart & Flutter по-русски
Анатолий
замени текст на "йцу"
Afer Mezurenko
Хм, а просто ресайзнуть текст флаттер не захочет? На андроиде на фулхд текст выглядит меньше по масштабу.
Анатолий
Нет, просто ресайзнуть не захочет
Анатолий
у текстат стоит фиксированный размер
Afer Mezurenko
Понял, спасибо. А с этим можно что-то сделать?
Анатолий
на андроиде текст выглядит меньше по масштабу по тому что по сравнению с 1080 пикселей те несчастные 20 - капля в море
Анатолий
руками можно менять размер/фразу
Анатолий
сделать его двустрочным
Савостьянов Андрей
Из вариантов: 1. fontSize, 2. maxLines
northelks
можно обернуть в SingleChildScrollView
Afer Mezurenko
Понятно. Это не круто, но на бОльшую часть вопросов вы мне ответили.
northelks
но это правда не лучшее решение
Анатолий
Да, магии не бывает )
northelks
нуу, это может быть слишком универсальным решением
Савостьянов Андрей
Хм... Ну сделай круто: оберни в LayoutBuilder - получи допустимые размеры для своего текста и подгонки по ним размер шрифта. Будет прямо-таки адапливненько...
northelks
в некоторых кейсах будет выглядеть как костыль
Савостьянов Андрей
Не, ну хочет человек, чтобы размер шрифта сам подгонялся - почему бы и нет. Делов в таком виджетее на пару часов с тестами.
Afer Mezurenko
Хм, тогда такой ещё вопрос. Аналогичная проблема у меня была с гридом и 2 рядами тайлов, я это решил, правда костыльно, но какие ещё есть варанты?
Afer Mezurenko
Не сколько сам хочу, сколько стоит такая задача сверху.
Савостьянов Андрей
[
"Вот тут логично получать ограничения по ширине (для вертикального скролла) и делать ширину точно в размер (constraint.maxWidht - 2*padding)",
{
"type": "bot_command",
"text": "/columnCount"
},
""
]
Afer Mezurenko
Спасибо, об таком как-то не думал.
Кирилл Пешин
Всем привет! Подскажите пож-та как сделать, что бы ListView не отображал фиолетовую хрень (не знаю как назвать), когда его прокручиваешь и дошел до конца...
Anton Vasiljev
overscroll?
Anton Vasiljev
[
{
"type": "link",
"text": "https://stackoverflow.com/questions/52710761/how-to-change-the-color-of-the-overscroll-glow-effect-of-listview-in-flutter"
}
]
Кирилл Пешин
Спасибо... но немножко не то... я хочу убрать, а не поменять его цвет...
Ruslan Kryzhanovskyi
Colors.transparent???
Artyom Nesterenko
[
{
"type": "link",
"text": "https://stackoverflow.com/questions/51119795/how-to-remove-scroll-glow"
}
]
Кирилл Пешин
Пасиб! как раз его читаю ?? меня тут выше хотя бы направили в русло в какой стороне рыть ??
Artyom Nesterenko
Это не хрень, а ripple effect, стандартный для Android и Material Design. Извините за грубость, но я бы преспокойно удалил ваше приложение, если бы увидел, что его нет, когда привык видеть нормальный UX по гайдлайнам и получать визуальный фидбек от элементов. В iOS для этого overscroll, на Android ripple.
Кирилл Пешин
Может Вы и правы... В конце-концов если будет "несуразно" верну все назад
Кирилл Пешин
Да... некрасивенько как то... ?? верну обратно...
DVS (Read The F.ng Manual) Studio (NoHello)
удалять приложение из за гайдлайнов даже не смотря на функционал зачем так
Artyom Nesterenko
Жестоко, да. ?? Ну это мое ИМХО, и я так делаю. Все-таки каким бы кроссплатформенным или еще каким-нибудь они ни было, но если оно на конкретной платформе выглядит как что-то инородное и не соответствующее ожиданиям в поведении наряду с другими официальными и не только приложениями, то оно не нужно. HIG и прочие UX-гайдлайны не просто так придумывали.
DVS (Read The F.ng Manual) Studio (NoHello)
а если картомный ui ?
Artyom Nesterenko
Был у меня на телефоне один очень яркий пример банковского приложения на Android. Полностью кастомный дизайн, типа круто, но выглядит он хуже некуда, визуального фидбека от элементов управления абсолютно никакого, как и каких-либо анимаций и переходов, соответствия рекомендуемым размерам тоже, где-то элементарно не попасть с первого раза и на некоторых экранах ощущается как баг на баге, в том числе из-за этого.
Artyom Nesterenko
Дизайн должен быть кастомным в меру, скажем так.
Artyom Nesterenko
И кастомный дизайн != несоответствие гайдлайнам платформы.
Sasha Ff
[
"либа, которая ресайзит, если что) ",
{
"type": "link",
"text": "https://pub.dartlang.org/packages/auto_size_text"
},
""
]
Anton Vasiljev
вот когда они сами будут следовать своими гайдлайнам
Anton Vasiljev
и материал безликий
Anton Vasiljev
как ни крути
Artyom Nesterenko
Ну Apple на iOS следует, Google на Android тоже.
Artyom Nesterenko
Не сказал бы, в сравнении с Flat Design или как он вообще называется на iOS, не помню.
Artyom Nesterenko
У них вообще все проще, даже удалять с телефона не надо, потому что если не соответствуете, то в AppStore не попадете. ??
Ivan Azoyan
а как объеденить overscroll и ripple?
Artyom Nesterenko
Интересный вопрос, правда, вряд ли это хорошая идея, как минимум будет очень странно выглядеть.
Ivan Azoyan
ну совсем чуть-чуть оверскролл потом риппл
Ivan Azoyan
оверскрол на 4 пикселя, потом риппл
Artyom Nesterenko
Наверное, это возможно, нужно ScrollBehavior смотреть.
Савостьянов Андрей
Эмм... А для кого тогда дезигнеры на Dribbble упражняются? Если по-человечески делать, с трансформами и переходами, можно красиво сделать. Голый MD/Cupertino - это чтобы вообще без дезигнера, в одно программерское лицо апп пилить, ИМХО.
Савостьянов Андрей
Кстати, пример кастомного оверскрола у ГуглоЮтуба:
Artyom Nesterenko
Это не кастомный overscroll, а SwipeRefreshLayout, и он именно так и работает.
Artyom Nesterenko
Вместо ripple вытягивается индикатор до определенной позиции, после чего срабатывает загрузка, и он крутится.
Савостьянов Андрей
Хотя, конечно, Ютуб - очень себе такой образец UX...
Ivan Azoyan
а мне не удобно, приходится листать в самый верх, чтобы обновить
Artyom Nesterenko
Причем если вы просто свайпните снизу вверх, чтобы список сам докрутился, то увидите тот самый ripple.
Савостьянов Андрей
Я, в курсе, только в гайде MD я такого не припомню что-то.
Artyom Nesterenko
Можно нажать на иконку Home в BottomNavigation.
Artyom Nesterenko
[
{
"type": "link",
"text": "https://material.io/design/platform-guidance/android-swipe-to-refresh.html#behavior-placement"
}
]
Ivan Azoyan
можно улучшить: когда листаешь вверх -> эта кнопка всплывает. Так как на сайтах нет кнопки Home и чтобы обновить приходится листать вверх доконца
Artyom Nesterenko
[
"Про overscroll:\n",
{
"type": "link",
"text": "https://material.io/design/motion/customization.html#movement"
},
"\nПролистать вниз до \"Overshoot\"."
]
Кирилл Пешин
Интересно а как банер рекламный правильно размещать тоже где нибудь написано?? Рекомендации??
Artyom Nesterenko
[
"Ну можно на это попробовать ориентироваться. ",
{
"type": "link",
"text": "https://material.io/design/components/banners.html"
},
"\nВообще, по рекламе когда-то видел, но сейчас не вспомню, где это было."
]
Artyom Nesterenko
[
{
"type": "link",
"text": "https://support.google.com/admob/answer/6128877?hl=en"
}
]
Кирилл Пешин
[
"Я ради интереса воткнул картинку сверху... Получается не очень... Но... моего опыта пока хватает на\n",
{
"type": "pre",
"text": "body: Column(\n children: [\n Container(child: Банер),\n Expanded(\n flex: 9,\n child: ListView(\n children: [Дети]",
"language": ""
},
"\n И соответственно часть ListView криво скрывается сверху... \nВоть??"
]
Кирилл Пешин
Т.е. будет типа Banner(child: ListView[Дети])??
Кирилл Пешин
[
"а что за plugin?? не этот?? - ",
{
"type": "link",
"text": "https://pub.dartlang.org/packages/flutter_google_ad_manager"
},
""
]
Rinat Kurmashev
ancestorWidgetOfExactType ищет по всему дереву иерархии?
admin
Кто то использовал http2 из паба? Какие альтернативы есть?
Fearless Cry
Всем привет! Подскажите, пожалуйста, как можно сделать такой экран: Нужно чтобы на больших экранах нижний виджет был брибит к боттому, а верхний к топу, между ними будет пустая прослойка (красная зона), но в случаях если экран поменьше пустое пространство бы менялось, и если границы верхнего и нижнего виджета пересекутся. нужно чтобы это всё скроллилось (в случаях если не поместится на экран вовсе)
Fearless Cry
Без скролла понятно, со скроллом не очень
Fearless Cry
Только не оверфлоу
Fearless Cry
просто не сбилдит
Савостьянов Андрей
Делаешь Column обернутый в SingleChildScroll, в нем три чилда, первый и последний с фиксированной высотой, второй оборачиваешь в Expanded. Будет типа футер и хедер.
Мумитроль
А какой результат выходит?
Fearless Cry
Просто ошибка при билде
Мумитроль
Ошибка при билде - ошибка у вас
Fearless Cry
В смысле? Ассерт бросает эксепшн
Fearless Cry
Попытка делать Expanded в Scroll очевидно приводит к ошибке
admin
А зачем скролить хедер и футер?
Fearless Cry
при билде виджета естественно ошибка, а не билде приложения
Fearless Cry
они могут не вместиться на экран потому что
admin
Лично я закреплял футер а хедер с телом скролил
Fearless Cry
Семантически там не хедер и не футер, просто контент и одна из кнопок прибита к боттому
Fearless Cry
всё хорошо пока экран большой
Fearless Cry
если маленький то нужно скроллить всё вместе
Fearless Cry
Тоже не билдился виджет
Савостьянов Андрей
Посмотрел, действительно не работает. Как вариант: футер зафиксировать, а хедер и тушку завернуть в Expanded со скроллом внутри. Так точно работает.
Fearless Cry
футер не могу зафиксировать, потому чт осемантически это ен футер
Fearless Cry
просто кнопка
Fearless Cry
и она должна быт ьна боттоме пока влазит в экран
Fearless Cry
если на влазит то скроллится
Fearless Cry
блин вроде частый кейс
Fearless Cry
в нативе решается легко во всяком случае
Fearless Cry
Ну да, но с маленьким экраном нужен скролл
admin
Тут две противоречивых задачи. Прилепить к низу. Или отлепить и прилепить к предыдущему чайлду
Fearless Cry
Нет, задача всегда держать чайлд в боттоме парента При этом размер парента либо = размеру экрана по высоте, либо равен размеру чайлдов в случае если не влазит в экран
Alik E.
А в чем кейс, можете рассказать?
Fearless Cry
В том что на маленьких экранах кнопка не видна
Alik E.
Так положить всё в листвью. На больших экранах листвью раскроется во весь экран, на маленьких - скролль
Fearless Cry
Что положить? Там алайнмент на боттом
Alik E.
И на маленьких экранах он должен быть на боттом?
Alik E.
Или должно скроллиться?
Fearless Cry
это не взаимоисключающие
Fearless Cry
она должны быть в боттоме парента, а скроллится весь парент
admin
А если парент мелкий
Fearless Cry
То растянутся на экран
Alik E.
Так я не понимаю, что нужно. Ты сказал «На больших норм, на маленьких хочу скролл»
Fearless Cry
Размер парента = max(размер экрана, совокупный размер чилдов)
Alik E.
Так и рассчитай высоту через медиаквери, возьми минимально возможную без скролла
admin
Ну. И средний равен нулю
Alik E.
Если высота экрана меньше - скролль. Если больше - не скролль
Fearless Cry
Абсолютно верно
Alik E.
Найди минимально возможную без скролла высоту
Fearless Cry
А я что её знаю? ??
Fearless Cry
Чилды межурятся сами
Alik E.
Высоту экрана, а не чилдов
Fearless Cry
Что мне даст высота экрана?
Fearless Cry
Я знаю высоту экрана но не знаю размер чилдов
Alik E.
возможность конфижить чилдов, танцуя от неё?
admin
Как в нативе такую разметку сделать кстати? Релатив лайоут не даст эту кнопку ровнять по дву краям
admin
Или книзу среднего чилда
admin
Или к низу активити
Fearless Cry
В смысле как? Матч пэрент и алайн у вьюхи в скролле
Fearless Cry
Ну скролл у тебя матч парент вьюха внутри него алайнится на боттом по идее всё
Alik E.
В иОС можно затолкнуть всё в тейблвью, а под него кнопку
Alik E.
Замерить высоту. Если надо скроллить - скроллинэблед, если нет - нет
admin
Матч парен уедет вверх
Alik E.
О чем я и говорю уже сколько
admin
Когда средний мелкий
Fearless Cry
Я НЕ ЗНАЮ высоту верхнего и нижнего
Alik E.
А какой высоты ты их хочешь?
Alik E.
Относительно чего?
Fearless Cry
Сформулируй вопрос
Fearless Cry
обычный wrap_content
Fearless Cry
Просто сайзится под себя
Fearless Cry
Но я не знаю высоту
admin
Кастомскролвью делать.
admin
Выставлять высоту в размер экрана
admin
Если он меньше какой то цифры то делать инфинити
admin
Эту цифру в рантайме расчитываешь
undecided young boy
Как думаете насколько разнообразным можно сделать веб страницу?
undecided young boy
Там можно сделать сложные игры, сложные штуки как в приложениях?
admin
На юнити каком нить
admin
Раньше на сильверлайте или флеше
Sergey
Как можно сдлеать тень для картинки, без использования контейнера?
Sergey
если картинку в контейнер поместить получается коряво
Sergey
сверху и снизу тень больше чем по бокам
Sergey
у меня есть коризонтальный лист с картинками, для каждой из них я хочу сделать небольшую тень для выделения
Анатолий
может по бокам кто-то заслоняет тень и по этому она меньше?
Анатолий
Как-то не должно быть криво выставлена тень если указать равные параметры со всех сторон
Sergey
нет она пока что всего одна
Sergey
у меня такая стрктура: лист в котором есть лист с картинками после которого идут текстовые блоки
Sergey
для вложеного листа задана высота, но если включить отображение границ, то картинка не доходит до края листа, как будто у нее есть margin
Sergey
задал картинке fit и тень стала нормальной
???????
Есть пример использования нескольких State у Stateful виджета?
Sergey
как сделать что бы скролбар отображался только для внешнего листа, но не для вложенного?
admin
Два скрола один в другом?
admin
Этож неудобно использовать
Захар
Почему флаттер более популярнее чем дарт?
Denis Dubov
а флаттер на каком языке испоняется?
Denis Dubov
или ты имеешь ввиду dart для веба?
Захар
Позиционируется как замена жс
Захар
Создан фреймворк под мобилки...
Denis Dubov
имхо это все еще внизу врлны, так что сейчас самое время ее ловить
Анатолий
флаттер не может быть популярней чем дарт, ибо каждый флаттер проект обязательно использует дарт, но не каждый дарт проект это флаттер
First Last
[
{
"type": "mention",
"text": "@xff00ff"
},
" ловим?)"
]
Анатолий
да я флаттер не очень люблю, просто слежу чтоб в теме быть когда понадобится )
First Last
Здесь волна про Дарт думаю)
First Last
Самое время и нам начинать быть на хайпе)
Denis Dubov
ну где это волна есть в этих направлениях полюбому))
Анатолий
а вот дарт сам по себе ловить рано, он не выростет на столько чтоб занять свю нишу и не будет на столько популярным чтоб отбить хороший кусок у попсы
First Last
Это наш с ним юмор
Анатолий
Я думаю он так и останется аппендиксом флаттера
|