Штрих и QR коды

Виджет Barcode используется для встраивания информации внутрь серии линий и узоров. Данные внутри штрихкода можно легко восстановить с помощью сканера, приложения типа Google Lens (Android), Apple Camera (iOS) или собственного приложения, созданного с помощью FlutterFlow.

Как правило, он используется для быстрого и точного получения информации о товаре. Например, вы можете отслеживать инвентарь/книги (например, цену, описание, местоположение и т.д.), делиться URL-адресом веб-сайта/приложения, быстро проводить процесс регистрации и так далее.

Чтобы добавить виджет Штрихкод в ваше приложение:

• Сначала нажмите на + Добавить виджет, перетащите виджет Штрихкод с вкладки Базовые элементы или добавьте его непосредственно из дерева виджетов.
• По умолчанию штрихкод отображается в линейном виде, называемом 1D Barcode. (т.е. серия линий и пробелов различной ширины). Чтобы отобразить штрихкод в матричной форме, такой как QR—Code, перейдите на панель свойств и установите для параметра Barcode Dimensions значение 2D Barcode.
• Теперь вам нужно определить тип информации, которую вы хотите внедрить, и выбрать Тип штрихкода.
• Варианты типа штрихкода доступны в зависимости от размеров штрихкода, выбранных в предыдущем шаге.
• Например, для маркировки розничных товаров (т.е. 12-значный цифровой номер) можно выбрать UPC-A или UPC-E, а для вставки URL — QR-код. Если вы не уверены, какой тип выбрать, вот руководство, которое вам поможет.
• Наконец, вы можете указать данные/информацию в свойстве Barcode Value. Вы также можете нажать кнопку Set from Variable, чтобы установить его на основе значения из локального штата, бэкенда или любого другого источника.

Вы можете настроить внешний вид и поведение этого виджета с помощью различных свойств, доступных на панели свойств.

Чтобы изменить размер виджета штрихкода, выберите виджет штрихкода, перейдите на панель свойств, найдите свойство Ширина и Высота и введите значения.

Чтобы изменить цвет штрихкода, выберите виджет «Штрихкод», перейдите на панель свойств и измените цвета для следующих свойств:

• Цвет переднего плана: задает цвет линии или узора.
• Цвет фона: задает цвет фона за линией или узором.

Вы также можете отобразить фактические данные под штрихкодом, включив свойство «Показывать текст«. Обратите внимание, что эта опция доступна только при использовании штрихкода 1D.

Здесь приведены инструкции по добавлению подкладок.

Здесь приведены инструкции по настройке выравнивания.