ios - React Native 中带有 ScrollsToTop 的多行文本输入

Question

当用户点击 iOS 上的状态栏时，我想在多行 TextInput 上执行“滚动到顶部”操作。 TextInput 在屏幕中具有最大比例，因此上下文相当直。

<TextInput multiline={true} scrollsToTop={true} />

但是，RCTMultilineTextInputView 将 backedTextInputView 作为 subview ，并且 Prop 不会传递给 subview 。 (It's hardcoded 作为NO)

有什么办法可以通过这个 Prop 吗？或者，对于这种情况有什么更好的实现方式吗？

Answer 1

我通过类别添加了一个额外的属性scrollsToTop。

// RCTMultilineTextInputView+ScrollsToTopAdditions.h

#import "RCTText/RCTMultilineTextInputViewManager.h"
#import <React/RCTViewManager.h>

NS_ASSUME_NONNULL_BEGIN

@interface RCTMultilineTextInputViewManager (ScrollsToTopAdditions)

@end

NS_ASSUME_NONNULL_END

// RCTMultilineTextInputViewManager+ScrollsToTopAdditions.m

#import "RCTMultilineTextInputViewManager+ScrollsToTopAdditions.h"

@implementation RCTMultilineTextInputViewManager (ScrollsToTopAdditions)
#if !TARGET_OS_TV
  RCT_REMAP_VIEW_PROPERTY(scrollsToTop, backedTextInputView.scrollsToTop, BOOL)
#endif
@end