Цвет панели изменения нижнего листа React Native

Как изменить цвет верхней панели модального нижнего листа? Я просмотрел документацию и сам пакет, но не нашел ничего, что можно было бы изменить. Я попробовал изменить цвет фона, но это тоже не сработало.

<BottomSheetModal
  ref = {bottomSheetModalRef}
  index = {0}
  snapPoints = {snapPoints}
  onChange = {handleSheetChanges}>
  <View
    style = {{
      flex: 1,
      backgroundColor: Colors.darkMode.cards1,
    }}>
    <Pressable
      style = {{
        flexGrow: 1,
        alignItems: 'center',
        height: 40,
        borderRadius: 9,
        paddingVertical: 4,
        paddingHorizontal: 2,
        justifyContent: 'center',
      }}>
      <Text
        style = {{
          color: Colors.gtechGold,
          fontSize: 17,
          fontFamily: 'RobotoSlab-Medium',
        }}>
        Test
      </Text>
    </Pressable>
  </View>
</BottomSheetModal>

Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
0
0
94
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете изменить два свойства, которые изменяют цвет верхней панели на нижнем листе: handleStyle и handleIndicatorStyle.

 <BottomSheetModal
  ..."your props"
  handleIndicatorStyle = {{backgroundColor:"red"}}
  handleStyle = {{backgroundColor:"red"}}
  >
      ...."your code"...
</BottomSheetModal>

Другие вопросы по теме