Thay đổi React Màu gốc của con trỏ

Question

Tôi đang sử dụng React Native để phát triển ứng dụng. Vấn đề là tôi muốn thay đổi màu con trỏ của kiểu nhập văn bản thay vì sử dụng màu xanh mặc định. Có khả năng nào tôi có thể thực hiện điều này bằng JavaScript hoặc trong AppDelegate để thiết lập màu màu toàn cục không?

Answer 1

Có, chúng tôi có thể làm điều đó bằng cách đặt màu sắc màu.

Trong AppDelegate.m của dự án.

Thêm mã bên dưới giữa self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; và [self.window makeKeyAndVisible];, bạn có thể thay đổi màu màu toàn cục.

self.window.tintColor = [UIColor redColor]; // Here is your color. 

Hoặc thêm mã bên dưới sau [self.window makeKeyAndVisible];, bạn có thể thay đổi màu sắc của TextInput/UITextField.

[[UITextField appearance] setTintColor:[UIColor redColor]]; 

Không có gì xảy ra khi bạn thay đổi màu sắc của màu của UITextView.

Và tôi không thể tìm thấy cách để triển khai nó với phong cách JaveScript.

Answer 2

Có thực sự là một chỗ dựa thực hiện điều này cho TextInput: selectionColor

<TextInput 
    selectionColor={'green'} 
/> 

Đây là documentation.

Answer 3

Cách tốt nhất để thực hiện điều này, nếu bạn muốn nhất quán trough ứng dụng được đặt mã dưới đây trong tập tin gốc của bạn (index.js)

import { TextInput } from 'react-native' 
TextInput.defaultProps.selectionColor = 'white' 

/*class....*/