"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", code: "code", h3: "h3", li: "li", ol: "ol", p: "p", path: "path", pre: "pre", span: "span", strong: "strong", svg: "svg", ul: "ul", video: "video", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.p, { children: ["Автор: ", _jsx(_components.a, { href: "https://t.me/zhappar01", target: "_blank", rel: "noopener noreferrer", children: "Erkebulan" })] }), "\n", _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "SearchText" }), " — кастомный виджет для подсветки текста в FlutterFlow"] }), "\n", _jsx(_components.p, { children: "Этот кастомный виджет SearchText позволяет выделять искомые слова или отдельные буквы в строке текста. Он поддерживает поиск независимо от порядка слов, а также позволяет находить последовательности символов внутри слов, сохраняя пробелы в тексте." }), "\n", _jsxs(_components.h3, { id: "основные-возможности", children: [_jsx(_components.a, { className: "heading-link", href: "#основные-возможности", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Основные возможности:"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Подсветка одного или нескольких слов в тексте." }), "\n", _jsx(_components.li, { children: "Поиск с учетом последовательности букв, включая пробелы." }), "\n", _jsx(_components.li, { children: "Гибкость в настройке размеров виджета (ширина и высота)." }), "\n", _jsx(_components.li, { children: "Поддержка FlutterFlow тем для стилизации текста." }), "\n", _jsx(_components.li, { children: "Автоматическая обработка регистра (поиск регистронезависимый)." }), "\n"] }), "\n", _jsxs(_components.h3, { id: "как-использовать", children: [_jsx(_components.a, { className: "heading-link", href: "#как-использовать", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Как использовать:"] }), "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "Создайте новый Custom Widget в FlutterFlow." }), "\n", _jsx(_components.li, { children: "Wigdet name SearchText" }), "\n", _jsx(_components.li, { children: "Укажите текст (fullText) и строку поиска (searchText).\nНастройте размеры при необходимости." }), "\n"] }), "\n", _jsx(_components.video, { src: "https://ff-base-falcorrus.flowershow.me/image_search1.mp4", className: "internal new", controls: true, children: "Your browser does not support the video tag." }), "\n", _jsxs(_components.h3, { id: "первый-вариант-кода", children: [_jsx(_components.a, { className: "heading-link", href: "#первый-вариант-кода", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Первый вариант кода"] }), "\n", _jsx(_components.p, { children: _jsx(_components.a, { href: "https://ff-base-falcorrus.flowershow.me/Search%20Symbols.txt", className: "internal new", target: "_blank", rel: "noopener noreferrer", children: "Search Symbols.txt" }) }), "\n", _jsx(_components.pre, { className: "language-dart", children: _jsxs(_components.code, { className: "language-dart code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "// Automatic FlutterFlow imports" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token keyword", children: "import" }), " ", _jsx(_components.span, { className: "token string-literal", children: _jsx(_components.span, { className: "token string", children: "'/flutter_flow/flutter_flow_theme.dart'" }) }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token keyword", children: "import" }), " ", _jsx(_components.span, { className: "token string-literal", children: _jsx(_components.span, { className: "token string", children: "'/flutter_flow/flutter_flow_util.dart'" }) }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token keyword", children: "import" }), " ", _jsx(_components.span, { className: "token string-literal", children: _jsx(_components.span, { className: "token string", children: "'/custom_code/widgets/index.dart'" }) }), _jsx(_components.span, { className: "token punctuation", children: ";" }), " ", _jsx(_components.span, { className: "token comment", children: "// Imports other custom widgets" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token keyword", children: "import" }), " ", _jsx(_components.span, { className: "token string-literal", children: _jsx(_components.span, { className: "token string", children: "'/custom_code/actions/index.dart'" }) }), _jsx(_components.span, { className: "token punctuation", children: ";" }), " ", _jsx(_components.span, { className: "token comment", children: "// Imports custom actions" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token keyword", children: "import" }), " ", _jsx(_components.span, { className: "token string-literal", children: _jsx(_components.span, { className: "token string", children: "'/flutter_flow/custom_functions.dart'" }) }), _jsx(_components.span, { className: "token punctuation", children: ";" }), " ", _jsx(_components.span, { className: "token comment", children: "// Imports custom functions" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token keyword", children: "import" }), " ", _jsx(_components.span, { className: "token string-literal", children: _jsx(_components.span, { className: "token string", children: "'package:flutter/material.dart'" }) }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "// Begin custom widget code" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "// DO NOT REMOVE OR MODIFY THE CODE ABOVE!" }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token keyword", children: "class" }), " ", _jsx(_components.span, { className: "token class-name", children: "SearchText" }), " ", _jsx(_components.span, { className: "token keyword", children: "extends" }), " ", _jsx(_components.span, { className: "token class-name", children: "StatefulWidget" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "const" }), " ", _jsx(_components.span, { className: "token class-name", children: "SearchText" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "super" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "key", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "this" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "width", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "this" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "height", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" required ", _jsx(_components.span, { className: "token keyword", children: "this" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "fullText", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "this" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "searchText", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "final" }), " double", _jsx(_components.span, { className: "token operator", children: "?" }), " width", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "final" }), " double", _jsx(_components.span, { className: "token operator", children: "?" }), " height", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "final" }), " ", _jsx(_components.span, { className: "token class-name", children: "String" }), " fullText", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "final" }), " ", _jsx(_components.span, { className: "token class-name", children: "String" }), _jsx(_components.span, { className: "token operator", children: "?" }), " searchText", _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token metadata function", children: "@override" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token class-name", children: "State" }), _jsxs(_components.span, { className: "token generics", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), _jsx(_components.span, { className: "token class-name", children: "SearchText" }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), " ", _jsx(_components.span, { className: "token function", children: "createState" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token operator", children: "=" }), _jsx(_components.span, { className: "token operator", children: ">" }), " ", _jsx(_components.span, { className: "token function", children: "_SearchTextState" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token keyword", children: "class" }), " _SearchTextState ", _jsx(_components.span, { className: "token keyword", children: "extends" }), " ", _jsx(_components.span, { className: "token class-name", children: "State" }), _jsxs(_components.span, { className: "token generics", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), _jsx(_components.span, { className: "token class-name", children: "SearchText" }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token class-name", children: "List" }), _jsxs(_components.span, { className: "token generics", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), _jsx(_components.span, { className: "token class-name", children: "TextSpan" }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), " ", _jsx(_components.span, { className: "token function", children: "_getHighlightedSpans" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "searchText ", _jsx(_components.span, { className: "token operator", children: "==" }), " ", _jsx(_components.span, { className: "token keyword", children: "null" }), " ", _jsx(_components.span, { className: "token operator", children: "||" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "searchText", _jsx(_components.span, { className: "token operator", children: "!" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "trim" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "isEmpty", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token punctuation", children: "[" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token class-name", children: "TextSpan" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" text", _jsx(_components.span, { className: "token punctuation", children: ":" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "fullText", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" style", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "FlutterFlowTheme" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "of" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "context", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "bodyMedium", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "]" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token keyword", children: "final" }), " searchText ", _jsx(_components.span, { className: "token operator", children: "=" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "searchText", _jsx(_components.span, { className: "token operator", children: "!" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "toLowerCase" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "trim" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token keyword", children: "final" }), " fullTextLower ", _jsx(_components.span, { className: "token operator", children: "=" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "fullText", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "toLowerCase" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token class-name", children: "List" }), _jsxs(_components.span, { className: "token generics", children: [_jsx(_components.span, { className: "token punctuation", children: "<" }), _jsx(_components.span, { className: "token class-name", children: "TextSpan" }), _jsx(_components.span, { className: "token punctuation", children: ">" })] }), " spans ", _jsx(_components.span, { className: "token operator", children: "=" }), " ", _jsx(_components.span, { className: "token punctuation", children: "[" }), _jsx(_components.span, { className: "token punctuation", children: "]" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````int startIndex ", _jsx(_components.span, { className: "token operator", children: "=" }), " ", _jsx(_components.span, { className: "token number", children: "0" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token keyword", children: "while" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "startIndex ", _jsx(_components.span, { className: "token operator", children: "<" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "fullText", _jsx(_components.span, { className: "token punctuation", children: "." }), "length", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token keyword", children: "final" }), " index ", _jsx(_components.span, { className: "token operator", children: "=" }), " fullTextLower", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "indexOf" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "searchText", _jsx(_components.span, { className: "token punctuation", children: "," }), " startIndex", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "index ", _jsx(_components.span, { className: "token operator", children: "==" }), " ", _jsx(_components.span, { className: "token operator", children: "-" }), _jsx(_components.span, { className: "token number", children: "1" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token comment", children: "// Добавляем оставшуюся часть текста без выделения````" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````spans", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "add" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "TextSpan" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````text", _jsx(_components.span, { className: "token punctuation", children: ":" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "fullText", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "substring" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "startIndex", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````style", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "FlutterFlowTheme" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "of" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "context", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "bodyMedium", _jsx(_components.span, { className: "token punctuation", children: "," }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token keyword", children: "break" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token punctuation", children: "}" }), "````\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token comment", children: "// Добавляем текст перед совпадением````" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token keyword", children: "if" }), " ", _jsx(_components.span, { className: "token punctuation", children: "(" }), "index ", _jsx(_components.span, { className: "token operator", children: ">" }), " startIndex", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````spans", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "add" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "TextSpan" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````text", _jsx(_components.span, { className: "token punctuation", children: ":" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "fullText", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "substring" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "startIndex", _jsx(_components.span, { className: "token punctuation", children: "," }), " index", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````style", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "FlutterFlowTheme" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "of" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "context", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "bodyMedium", _jsx(_components.span, { className: "token punctuation", children: "," }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token punctuation", children: "}" }), "````\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token comment", children: "// Выделяем совпавшую часть текста````" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````spans", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "add" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "TextSpan" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````text", _jsx(_components.span, { className: "token punctuation", children: ":" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "fullText", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "substring" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "index", _jsx(_components.span, { className: "token punctuation", children: "," }), " index ", _jsx(_components.span, { className: "token operator", children: "+" }), " searchText", _jsx(_components.span, { className: "token punctuation", children: "." }), "length", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````style", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "FlutterFlowTheme" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "of" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "context", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "bodyMedium", _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "copyWith" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````backgroundColor", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "Colors" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "yellow", _jsx(_components.span, { className: "token punctuation", children: "," }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````color", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "Colors" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "black", _jsx(_components.span, { className: "token punctuation", children: "," }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ````startIndex ", _jsx(_components.span, { className: "token operator", children: "=" }), " index ", _jsx(_components.span, { className: "token operator", children: "+" }), " searchText", _jsx(_components.span, { className: "token punctuation", children: "." }), "length", _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token punctuation", children: "}" }), "````\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ````", _jsx(_components.span, { className: "token keyword", children: "return" }), " spans", _jsx(_components.span, { className: "token punctuation", children: ";" }), "````\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token metadata function", children: "@override" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token class-name", children: "Widget" }), " ", _jsx(_components.span, { className: "token function", children: "build" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token class-name", children: "BuildContext" }), " context", _jsx(_components.span, { className: "token punctuation", children: ")" }), " ", _jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token keyword", children: "return" }), " ", _jsx(_components.span, { className: "token class-name", children: "Container" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" width", _jsx(_components.span, { className: "token punctuation", children: ":" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "width ", _jsx(_components.span, { className: "token operator", children: "?" }), _jsx(_components.span, { className: "token operator", children: "?" }), " double", _jsx(_components.span, { className: "token punctuation", children: "." }), "infinity", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" height", _jsx(_components.span, { className: "token punctuation", children: ":" }), " widget", _jsx(_components.span, { className: "token punctuation", children: "." }), "height ", _jsx(_components.span, { className: "token operator", children: "?" }), _jsx(_components.span, { className: "token operator", children: "?" }), " ", _jsx(_components.span, { className: "token number", children: "50.0" }), _jsx(_components.span, { className: "token punctuation", children: "," }), " ", _jsx(_components.span, { className: "token comment", children: "// Высота по умолчанию" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" constraints", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token keyword", children: "const" }), " ", _jsx(_components.span, { className: "token class-name", children: "BoxConstraints" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" minHeight", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token number", children: "20.0" }), _jsx(_components.span, { className: "token punctuation", children: "," }), " ", _jsx(_components.span, { className: "token comment", children: "// Минимальная высота для избежания ошибок компоновки" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" child", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "RichText" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" text", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "TextSpan" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" children", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token function", children: "_getHighlightedSpans" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" style", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "FlutterFlowTheme" }), _jsx(_components.span, { className: "token punctuation", children: "." }), _jsx(_components.span, { className: "token function", children: "of" }), _jsx(_components.span, { className: "token punctuation", children: "(" }), "context", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "bodyMedium", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" overflow", _jsx(_components.span, { className: "token punctuation", children: ":" }), " ", _jsx(_components.span, { className: "token class-name", children: "TextOverflow" }), _jsx(_components.span, { className: "token punctuation", children: "." }), "ellipsis", _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: "," }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: ")" }), _jsx(_components.span, { className: "token punctuation", children: ";" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] })] }) }), "\n", _jsxs(_components.h3, { id: "второй-вариант-кода", children: [_jsx(_components.a, { className: "heading-link", href: "#второй-вариант-кода", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Второй вариант кода."] }), "\n", _jsxs(_components.p, { children: ["Тут выделение и поиск по словам\n", _jsx(_components.video, { src: "https://ff-base-falcorrus.flowershow.me/SearchWords.mp4", className: "internal new", controls: true, children: "Your browser does not support the video tag." })] }), "\n", _jsx(_components.p, { children: _jsx(_components.a, { href: "https://ff-base-falcorrus.flowershow.me/Search%20Words.txt", className: "internal new", target: "_blank", rel: "noopener noreferrer", children: "Search Words.txt" }) }), "\n", _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-auto code-highlight", children: [_jsx(_components.span, { className: "code-line", children: "// Automatic FlutterFlow imports\n" }), _jsx(_components.span, { className: "code-line", children: "import '/flutter_flow/flutter_flow_theme.dart';\n" }), _jsx(_components.span, { className: "code-line", children: "import '/flutter_flow/flutter_flow_util.dart';\n" }), _jsx(_components.span, { className: "code-line", children: "import '/custom_code/widgets/index.dart'; // Imports other custom widgets\n" }), _jsx(_components.span, { className: "code-line", children: "import '/custom_code/actions/index.dart'; // Imports custom actions\n" }), _jsx(_components.span, { className: "code-line", children: "import '/flutter_flow/custom_functions.dart'; // Imports custom functions\n" }), _jsx(_components.span, { className: "code-line", children: "import 'package:flutter/material.dart';\n" }), _jsx(_components.span, { className: "code-line", children: "// Begin custom widget code\n" }), _jsx(_components.span, { className: "code-line", children: "// DO NOT REMOVE OR MODIFY THE CODE ABOVE!\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Выделение по словам\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "class SearchText extends StatefulWidget {\n" }), _jsx(_components.span, { className: "code-line", children: " const SearchText({\n" }), _jsx(_components.span, { className: "code-line", children: " super.key,\n" }), _jsx(_components.span, { className: "code-line", children: " this.width,\n" }), _jsx(_components.span, { className: "code-line", children: " this.height,\n" }), _jsx(_components.span, { className: "code-line", children: " required this.fullText,\n" }), _jsx(_components.span, { className: "code-line", children: " this.searchText,\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " final double? width;\n" }), _jsx(_components.span, { className: "code-line", children: " final double? height;\n" }), _jsx(_components.span, { className: "code-line", children: " final String fullText;\n" }), _jsx(_components.span, { className: "code-line", children: " final String? searchText;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " @override\n" }), _jsx(_components.span, { className: "code-line", children: " State createState() => _SearchTextState();\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "class _SearchTextState extends State {\n" }), _jsx(_components.span, { className: "code-line", children: " List _getHighlightedSpans() {\n" }), _jsx(_components.span, { className: "code-line", children: " if (widget.searchText == null || widget.searchText!.trim().isEmpty) {\n" }), _jsx(_components.span, { className: "code-line", children: " return [\n" }), _jsx(_components.span, { className: "code-line", children: " TextSpan(\n" }), _jsx(_components.span, { className: "code-line", children: " text: widget.fullText,\n" }), _jsx(_components.span, { className: "code-line", children: " style: FlutterFlowTheme.of(context).bodyMedium,\n" }), _jsx(_components.span, { className: "code-line", children: " ),\n" }), _jsx(_components.span, { className: "code-line", children: " ];\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " final searchWords = widget.searchText!\n" }), _jsx(_components.span, { className: "code-line", children: " .toLowerCase()\n" }), _jsx(_components.span, { className: "code-line", children: " .trim()\n" }), _jsx(_components.span, { className: "code-line", children: " .split(RegExp(r'\\s+')); // Разделяем поисковый текст по пробелам\n" }), _jsx(_components.span, { className: "code-line", children: " final fullWords =\n" }), _jsx(_components.span, { className: "code-line", children: " widget.fullText.split(' '); // Разделяем по пробелам с их сохранением\n" }), _jsx(_components.span, { className: "code-line", children: " List spans = [];\n" }), _jsx(_components.span, { className: "code-line", children: " for (int i = 0; i < fullWords.length; i++) {\n" }), _jsx(_components.span, { className: "code-line", children: " String word = fullWords[i];\n" }), _jsx(_components.span, { className: "code-line", children: " if (searchWords.contains(word.toLowerCase())) {\n" }), _jsx(_components.span, { className: "code-line", children: " spans.add(TextSpan(\n" }), _jsx(_components.span, { className: "code-line", children: " text: word,\n" }), _jsx(_components.span, { className: "code-line", children: " style: FlutterFlowTheme.of(context).bodyMedium.copyWith(\n" }), _jsx(_components.span, { className: "code-line", children: " backgroundColor: Colors.yellow,\n" }), _jsx(_components.span, { className: "code-line", children: " color: Colors.black,\n" }), _jsx(_components.span, { className: "code-line", children: " ),\n" }), _jsx(_components.span, { className: "code-line", children: " ));\n" }), _jsx(_components.span, { className: "code-line", children: " } else {\n" }), _jsx(_components.span, { className: "code-line", children: " spans.add(TextSpan(\n" }), _jsx(_components.span, { className: "code-line", children: " text: word,\n" }), _jsx(_components.span, { className: "code-line", children: " style: FlutterFlowTheme.of(context).bodyMedium,\n" }), _jsx(_components.span, { className: "code-line", children: " ));\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " // Добавляем пробел между словами, кроме последнего\n" }), _jsx(_components.span, { className: "code-line", children: " if (i < fullWords.length - 1) {\n" }), _jsx(_components.span, { className: "code-line", children: " spans.add(TextSpan(\n" }), _jsx(_components.span, { className: "code-line", children: " text: ' ', // Восстанавливаем пробелы между словами\n" }), _jsx(_components.span, { className: "code-line", children: " style: FlutterFlowTheme.of(context).bodyMedium,\n" }), _jsx(_components.span, { className: "code-line", children: " ));\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " return spans;\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " @override\n" }), _jsx(_components.span, { className: "code-line", children: " Widget build(BuildContext context) {\n" }), _jsx(_components.span, { className: "code-line", children: " return Container(\n" }), _jsx(_components.span, { className: "code-line", children: " width: widget.width ?? double.infinity,\n" }), _jsx(_components.span, { className: "code-line", children: " height: widget.height ?? 50.0, // Высота по умолчанию\n" }), _jsx(_components.span, { className: "code-line", children: " constraints: BoxConstraints(\n" }), _jsx(_components.span, { className: "code-line", children: " minHeight: 20.0, // Минимальная высота для избежания ошибок компоновки\n" }), _jsx(_components.span, { className: "code-line", children: " ),\n" }), _jsx(_components.span, { className: "code-line", children: " child: RichText(\n" }), _jsx(_components.span, { className: "code-line", children: " text: TextSpan(\n" }), _jsx(_components.span, { className: "code-line", children: " children: _getHighlightedSpans(),\n" }), _jsx(_components.span, { className: "code-line", children: " style: FlutterFlowTheme.of(context).bodyMedium,\n" }), _jsx(_components.span, { className: "code-line", children: " ),\n" }), _jsx(_components.span, { className: "code-line", children: " overflow: TextOverflow.ellipsis,\n" }), _jsx(_components.span, { className: "code-line", children: " ),\n" }), _jsx(_components.span, { className: "code-line", children: " );\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" })] }) })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };