Публикации по теме 'material-ui'
Полное руководство по созданию пользовательских тем с помощью Material-UI и Next.js
В этой статье будет пошаговое руководство по созданию пользовательских тем для проекта Next.js с использованием Material-UI и TypeScript. Мы расскажем, как настроить новый проект, установить и настроить Material-UI и создать несколько пользовательских тем, которые можно легко повторно использовать в проекте. Кроме того, мы узнаем, как правильно создать тему с помощью TypeScript и сделать ее доступной по всему миру. К концу этой статьи читатели будут иметь четкое представление о том, как..
Учебное пособие: разработка адаптивного HOC React Navigation Drawer с маршрутизацией
С небольшой помощью Material UI
Вы когда-нибудь задумывались, как веб-сайт может иметь постоянное меню навигации на каждой странице? Как насчет выполнения URL-маршрутизации на внешнем интерфейсе? Некоторым эта функциональность может показаться базовой, но если вы освежаете ее или не знакомы с ней, следующее пошаговое руководство будет полезно.
Сценарий
Допустим, у вас есть клиент, который хочет, чтобы вы создали пользовательский интерфейс со следующими пунктами меню:
Дом..
Использование формы React Hook с компонентами Material-UI
Лучший способ обработки данных вашей формы при использовании Material-UI
В предыдущей статье я показал вам, как создать базовую страницу регистрации с помощью React и Material-UI. В этой статье мы использовали управляемые компоненты и ловушку useState для отслеживания входных значений формы. Вы можете ознакомиться с этой статьей ниже.
Создайте страницу регистрации с помощью React и Material-UI Узнайте, как создать диалоговое окно и форму для..
Пользовательские цветовые схемы с пользовательским интерфейсом материалов
Недавно я создал веб-сайт с Material UI и ReactJS. Я быстро понял, что мои описания цветов становятся хаотичными и непоследовательными. Изучив другие варианты, я остановился на этом чистом и эффективном способе определения и использования пользовательской цветовой схемы для всего приложения.
Создать и экспортировать тему
Я определил новый файл MaterialTheme.js в папке src , той же папке, в которой находились компоненты моего приложения. Используя createMuiTheme , мы создаем и..
Вопросы по теме 'material-ui'
Пользовательский интерфейс материала/переключатель левой панели приложения material-ui не работает
я использую пакеты реагирования на метеоры, и у меня правильно отображается панель приложений, но я не могу заставить работать переключатель навигации. я использую код прямо из примеров, и я даже прочитал код в репозитории material-ui, и кажется, что...
2517 просмотров
schedule
04.10.2023
Отправьте действие Redux с последующим действием в качестве полезной нагрузки для отображения закусочной или диалогового окна пользовательского интерфейса материала.
Я использую React с Redux и Material UI для создания веб-приложения. Веб-приложение состоит из нескольких страниц и компонентов. Я знаю, что закусочная или диалог должны быть напрямую связаны с тем, что делает пользователь. Однако я бы хотел, чтобы...
2624 просмотров
schedule
05.01.2023
Как мне заставить входные радиоэлементы выровняться по горизонтали в react [material-ui]?
Радиогруппа всегда отображается вертикально в material-ui. Есть ли способ выровнять их по горизонтали? например все радиокнопки в одну горизонтальную линию.
29353 просмотров
schedule
14.11.2022
React JS + Material UI, выбрасывающий leftNav, не определен
Я пытался реализовать React JS с пользовательским интерфейсом материала и застрял на проблеме с поведением переключения левой панели навигации.
Я создал компоненты с помощью команд Yeoman.
Есть 2 компонента
BodyComponent - Родитель...
896 просмотров
schedule
20.05.2023
Модульное тестирование компонента React с использованием диалогового окна пользовательского интерфейса материала
В настоящее время я пишу модульные тесты для своего приложения React + MaterialUi.
В моем приложении есть диалог. Я хочу убедиться, что в зависимости от того, какая кнопка нажата в диалоговом окне:
<FlatButton
label="Cancel"...
8954 просмотров
schedule
27.05.2023
как изменить компоненты темы?
Я пытаюсь понять, как полностью настроить тему. рекомендации/документы material-ui рекомендуют проверить этот файл: https://github.com/callemall/material-ui/blob/master/src/styles/theme-manager.js
Итак, к пользовательской теме я попытался...
91 просмотров
schedule
19.10.2023
Исправление панели вкладок в material-ui
Я пытаюсь исправить компонент вкладок в нижней части экрана. я пытался
<Tabs
contentContainerStyle={{position: "fixed"}}
>
</Tabs>
и даже style={{position:"fixed"}}
Как исправить вкладки внизу?
8469 просмотров
schedule
31.07.2022
Отображение полного календаря DatePicker на странице
Я пытаюсь использовать React для создания простого приложения.
Мне нравится, как выглядит полный календарь следующих средств выбора даты (после нажатия):
Material-UI
React-Toolbox
Можно ли извлечь полный календарь на страницу без...
1956 просмотров
schedule
25.10.2023
Как программно «открыть» поле Material-UI Select?
Поле выбора можно найти здесь: в демонстрации Material-UI
Кажется, что его методы унаследованы от классов меню / всплывающих окон, но я не смог понять, как, например, запустить «open», когда срабатывает событие onFocus. Это решит мои проблемы с...
4173 просмотров
schedule
15.01.2023
Как создать липкий нижний колонтитул внутри LeftNav?
Я пытаюсь создать липкий нижний колонтитул внутри компонента <LeftNav> , пока безуспешно. Вот как это должно выглядеть:
Я пытался использовать position: fixed; bottom: 0 и position: absolute; bottom: 0 в оболочке поля поиска, но...
5707 просмотров
schedule
03.07.2022
Индикатор обновления Materiall-UI по центру выровнять по горизонтали
Стек: Meteor + React + Material-UI
Вот мой полный код моих «основных» компонентов рендеринга:
// Sorry for not giving material-UI CSS,
// cause it cannot be served as stand-alone CSS
render() {
return (
<div className...
22541 просмотров
schedule
07.08.2022
Material-ui предупреждение о дублировании автозаполнения
Я использую material-ui в проекте, и у меня возникают небольшие проблемы с компонентом AutoComplete при попытке загрузить больший список контактов, некоторые контакты могут иметь одно и то же имя (из-за тестовых данных), но разные идентификаторы....
1015 просмотров
schedule
15.03.2023
Возникли проблемы с визуализацией элемента React, переданного в качестве реквизита
У меня есть следующий компонент:
const Chip = (props) => {
const ChipIcon = props.icon;
let deleteButton = null;
if (!props.readOnly) {
deleteButton = <Delete
style={styles.deleteButton}
onTouchTap={props.onRemove}...
455 просмотров
schedule
28.07.2022
React-mounter Material-ui Meteor с использованием тем
Я только начинаю с Meteor / Flow-Router / React-Mounter и сталкиваюсь с проблемой установки темы для компонента в Material-ui.
В Material-UI v 0.15.0 они больше не устанавливают для них значение по умолчанию lightBaseTheme, поэтому его нужно...
175 просмотров
schedule
03.05.2023
Центрирование аватара на панели инструментов с помощью MaterialUI
Есть ли способ центрировать компонент Avatar внутри панели инструментов с компонентами MaterialUI?
<Toolbar>
<ToolbarGroup float="right" lastChild>
<ToolbarTitle text="Toolbar"/>
<Avatar...
5545 просмотров
schedule
24.03.2023
Ошибка материала пользовательского интерфейса (отсутствует преобразование свойств класса).
Я пытался установить тему material-ui в Meteor с помощью react-mounter для монтирования компонентов.
У меня были проблемы с настройкой, поэтому я расширил компонент, чтобы установить тему, используя примеры на сайте material-ui.
Теперь я получаю...
1080 просмотров
schedule
01.12.2022
Проверка формы с помощью react и material-ui
В настоящее время я пытаюсь добавить проверку в форму, созданную с использованием компонентов material-ui. У меня он работает, но проблема в том, что в настоящее время функция проверки вызывается при каждом изменении состояния на входе (т.е. каждой...
94471 просмотров
schedule
03.06.2023
Material-ui svg-icons внутри другого элемента не выравнивается по центру
Я использую библиотеку пользовательского интерфейса материала в своем проекте реакции, и я столкнулся со странной проблемой: когда я пытаюсь использовать значки svg внутри значка кнопки, icom не выравнивается по центру.
Например:
<ListItem...
3419 просмотров
schedule
08.04.2023
Material-ui выбирает поля и списки рендеринга на основе выбранных значений
У меня есть material-ui SelectField , заполненный MenuItem s. Мой вариант использования заключается в том, что я хотел бы иметь возможность выбрать одно из значений из SelectField , а затем отобразить его в списке, который создается под полем....
7332 просмотров
schedule
13.04.2024
Проблемы с компонентами Material-UI
Я пытаюсь использовать http://www.material-ui.com/#/components/drawer (закрепленный пример) компонент из Material-UI с ReactJS.
Я получаю сообщение об ошибке со знаком «=» в следующей строке:
handleToggle = () => this.setState({open:...
869 просмотров
schedule
18.02.2022
