Динамический нижний колонтитул React Native ScrollView
Как сделать нижний колонтитул React родным для прокрутки. если содержимое меньше экрана, в самом низу экрана должна быть кнопка; если больше, то кнопка должна идти в самый низ после содержимого
Я так делал, но если контента не хватает, то кнопка поднимается вверх
<ScrollView>
<Text>asdasd</Text>
<Button text = "Next" />
</ScrollView>
если так, то всегда сижу внизу скролл под кнопку идет, а мне и кнопка нужна чтобы идти
<View>
<ScrollView>
<Text>asdasd</Text>
</ScrollView>
<Button text = "Next" />
</View>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
0
30
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Попробуйте настроить прокрутку, чтобы согнуть доступное пространство, и кнопку, чтобы расположить внизу
<ScrollView style = {{flex: 1}}>
<Text>asdasd</Text>
<Button text = "Next" style = {{bottom: 0}}/>
</ScrollView>
Ответ принят как подходящий
вот мое решение, которое я нашел
<ScrollView>
<View style = {{ minHeight: height - buttonHeight - safeAreaView }}>
<Text>Content</Text>
</View>
<Button text = "Next" />
</ScrollView>
Другие вопросы по теме
Утверждение типа машинописного текста для «динамической» записи
Несоответствие TypeScript - почему компилятор разрешает присвоение значения свойства объекта, но не присваивает возвращаемое значение метода?
Асинхронная проблема useState с выбором
Когда вы должны использовать ng-контент и шаблон компонента с входными данными и в чем разница?
Реляционная проверка class-validator с пользовательскими сообщениями об ошибках
Массив функций с дополнительными аргументами в промежуточном программном обеспечении экспресс-маршрутизатора
Сценарий Office, который удаляет строку на основе части текста
Как я могу вызвать функцию в элементе mat-error?
Почему синтаксическая ошибка машинописного ввода для функции фильтра
Infer (типы шаблонов внутри объекта
Похожие вопросы
Как сопоставить карту в React
Index.js ничего не отображает (ReactJS)
Как получить доступ к телу запроса, сделанного с помощью http-библиотеки nodejs
Нарисуйте однодневную диаграмму с областями, используя библиотеку облегченных диаграмм
Разделитель строк GSheets JSON с динамическим выбором столбца
Добавьте сюжетные связи к промежуткам, определенным GapSize в Highcharts
Можем ли мы использовать метод expose для возврата других реактивных переменных и вычисляемых свойств, таких как методы в vue 3?
Как получить первый элемент из итератора JavaScript, который удовлетворяет функции тестирования
Ошибка импорта PrismaClient в код, скомпилированный из машинописного текста :: экспорт «PrismaClient» не найден
Найдите время, чтобы написать число одной цифрой
не работает, попробуй по другому