Skip to content

Toggle Component: Animation Behavior Issue #1845

Open
@ska-anonymous

Description

@ska-anonymous

🐛 Bug Report

The thumb of the toggle component will not change/move after the checked prop is changed, while the background logic is working correctly and also the checked prop is received correctly and the onChange is working correctly but the problem is something with animation, i.e. the Thumb will not move and change its color according to the theme.

To Reproduce

It was working fine with RN 0.77 but for my own reasons I downgraded to react native 0.76 and this is happening to me even the react native reanimated is still latest.

Expected behavior

The thumb (round button) of the toggle should move to right side when checked is true and to left side when checked is false. and also should change color with theme switch.

UI Kitten and Eva version

Package Version
@eva-design/eva 2.2.0
@ui-kitten/components 5.3.1

Environment information

System:
OS: Windows 11 10.0.22631
CPU: (4) x64 Intel(R) Core(TM) i5-7300U CPU @ 2.60GHz
Binaries:
Node: 22.12.0 - C:\Program Files\nodejs\node.EXE
npm: 11.0.0 - C:\Program Files\nodejs\npm.CMD
IDEs:
Android Studio: AI-242.23726.103.2422.12816248
npmPackages:
react: 18.3.1 => 18.3.1
react-native: 0.76.0 => 0.76.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions