Блог

Итак, вот моя анимация

Как вы можете видеть, нижняя граница круглая, но мне нужно, чтобы она менялась на обычную, когда я нажимаю на свое svg-изображение. И мне нужно сделать это только для нижней границы. Я попытался сделать это, просто создав хук:

 const [isRoundBorder, setIsRoundBorder] = useState(1);
 

А затем написание условного рендеринга:

 isRoundborder ?
   Whatever :
   Whatever
 

Но вот что произойдет, если я это сделаю

Так что это выглядит плохо. Как я могу улучшить это в React Native?

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