Weird Hint behavior on Android

Đang mở
  • Có gì không ổn?
#3,913 1 bình luận 1 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
45/100
Loại issue
Lỗi
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Ít trao đổi
Công nghệ
react-native, typescript
Lĩnh vực
mobile

Hướng nghiên cứu

Bắt đầu bằng cách tái hiện hành vi của component Hint trên Android bằng đoạn mã được cung cấp và các phiên bản React Native và React Native UI Lib được liệt kê. Điều tra nút chuyển đổi khả năng hiển thị và hành vi của trạng thái được nhấn; được xem là hoàn tất khi component được bọc không còn bị dịch chuyển và việc chuyển đổi khả năng hiển thị không tạo ra lỗi accessibility do thiếu view.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

bug

Description

On Android, the component wrapped by Hint shifts position when pressed. And then, when visibility is set back to false, an error like the below is thrown:

sendAccessibilityEvent() dropping event: Cannot find view with tag #8446

Related to
  • Components
  • Demo
  • Docs
  • Typings
Steps to reproduce

Steps to reproduce the behavior:

  1. Use the Hint component on Android and observe the behavior when toggling visibility of the hint's contents.

More Info

Code snippet
        <Hint
          visible={hintVisible}
          color="white"
          enableShadow
          offset={6}
          borderRadius={8}
          containerWidth={400}
          removePaddings
          onBackgroundPress={() => setHintVisible(!hintVisible)}
          customContent={
            <Text className="text-xs text-center p-2.5 px-5">
              Your ability to submit bids, update membership, and accept offers has been disabled.
              Where applicable, all your max bids have been lowered to current bids. Please contact
              Customer Support:{' '}
              <STText classes="color-[#6CA5C8]" onPress={openSubmitRequest}>
                submit a request
              </STText>
              .
            </Text>
          }
        >
          <Pressable
            accessibilityRole="button"
            accessibilityLabel="info"
            accessibilityHint="opens dialog explaining account suspension"
            onPress={() => setHintVisible(!hintVisible)}
          >
            <FontAwesomeIcon icon={faCircleInfo} size={18} color={'white'} />
          </Pressable>
        </Hint>
Screenshots/Video

https://github.com/user-attachments/assets/1996adf7-2a87-4256-8e3f-d6a74e062383

Environment
  • React Native version: 0.81.5
  • React Native UI Lib version: 8.2.1
Affected platforms
  • Android
  • iOS
  • Web
Ngôn ngữ chính
TypeScript
Star
7.2k
Fork
749
Merge trung bình
29 phút
Pull request đã merge (30 ngày)
1

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của wix/react-native-ui-lib

Tất cả issue của wix/react-native-ui-lib

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.