TextInput value cannot be manipulated via setNativeProps after user input on iOS
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- C++
- Star
- 127k
- Fork
- 25.3k
- Merge trung bình
- 1 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 4
Mô tả
Description
When an uncontrolled TextInput has had its value manipulated via setNativeProps, receives user input and is then manipulated again via setNativeProps, the displayed value does not change.
This looks to be a New Arch issue and the issue is not reproducible in 0.76.0 on the old architecture.
Steps to reproduce
- Install the application with
yarn ios - Press "Press me!"
- Note that the TextInput contains the text "bananas"
- Clear the input field
- Press "Press me!"
- Note that the input field remains empty
React Native Version
0.76.0
Affected Platforms
Runtime - iOS
Areas
Fabric - The New Renderer
Output of npx react-native info
System:
OS: macOS 14.7
CPU: (16) arm64 Apple M3 Max
Memory: 2.53 GB / 48.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 18.20.4
path: /opt/homebrew/Cellar/node@18/18.20.4_1/bin/node
Yarn:
version: 1.22.22
path: /opt/homebrew/bin/yarn
npm:
version: 10.7.0
path: /opt/homebrew/Cellar/node@18/18.20.4_1/bin/npm
Watchman: Not Found
Managers:
CocoaPods:
version: 1.15.2
path: /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 24.0
- iOS 18.0
- macOS 15.0
- tvOS 18.0
- visionOS 2.0
- watchOS 11.0
Android SDK: Not Found
IDEs:
Android Studio: Not Found
Xcode:
version: 16.0/16A242d
path: /usr/bin/xcodebuild
Languages:
Java: Not Found
Ruby:
version: 2.6.10
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 15.0.0-alpha.2
wanted: 15.0.0-alpha.2
react:
installed: 18.3.1
wanted: 18.3.1
react-native:
installed: 0.76.0
wanted: 0.76.0
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: true
Stacktrace or Logs
None
Reproducer
https://github.com/mhoran/new-arch-set-text-repro/
Screenshots and Videos
No response
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- 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.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Sử dụng repository new-arch-set-text-repro được liên kết và chạy nó bằng yarn ios trong cấu hình New Architecture của React Native 0.76.0 đã được báo cáo. Tái hiện chuỗi thao tác đặt “bananas”, nhập dữ liệu người dùng, xóa dữ liệu đó và nhấn nút lần nữa; được coi là hoàn tất khi lần cập nhật native thứ hai thay đổi giá trị TextInput đang hiển thị.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- ios, javascript, react-native
- Lĩnh vực
- mobile
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Ít trao đổi
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 48/100