react-native-keyboard-controller 1.18.2 → 1.18.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ios/observers/KeyboardMovementObserver.swift +12 -30
- package/ios/observers/KeyboardTrackingView.swift +132 -0
- package/ios/observers/KeyboardViewLocator.swift +23 -0
- package/ios/views/KeyboardControllerView.mm +10 -10
- package/ios/views/KeyboardExtenderContainerView.swift +116 -43
- package/ios/views/KeyboardExtenderManager.mm +12 -9
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js +0 -1
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/lib/commonjs/types/views.js.map +1 -1
- package/lib/module/components/KeyboardAwareScrollView/index.js +0 -1
- package/lib/module/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/lib/module/types/views.js.map +1 -1
- package/lib/typescript/types/views.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/KeyboardAwareScrollView/index.tsx +0 -2
- package/src/types/views.ts +1 -1
|
@@ -18,19 +18,8 @@ public class KeyboardMovementObserver: NSObject {
|
|
|
18
18
|
var onRequestAnimation: () -> Void
|
|
19
19
|
var onCancelAnimation: () -> Void
|
|
20
20
|
// progress tracker
|
|
21
|
-
private var
|
|
22
|
-
private var keyboardView: UIView? {
|
|
23
|
-
let windowsCount = UIApplication.shared.windows.count
|
|
21
|
+
private var keyboardTrackingView = KeyboardTrackingView()
|
|
24
22
|
|
|
25
|
-
if _keyboardView == nil || windowsCount != _windowsCount {
|
|
26
|
-
_keyboardView = KeyboardView.find()
|
|
27
|
-
_windowsCount = windowsCount
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
return _keyboardView
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
private var _windowsCount: Int = 0
|
|
34
23
|
private var prevKeyboardPosition = 0.0
|
|
35
24
|
private var displayLink: CADisplayLink!
|
|
36
25
|
private var interactiveKeyboardObserver: NSKeyValueObservation?
|
|
@@ -105,7 +94,7 @@ public class KeyboardMovementObserver: NSObject {
|
|
|
105
94
|
}
|
|
106
95
|
|
|
107
96
|
private func setupKVObserver() {
|
|
108
|
-
guard interactiveKeyboardObserver == nil, let view =
|
|
97
|
+
guard interactiveKeyboardObserver == nil, let view = keyboardTrackingView.view else { return }
|
|
109
98
|
|
|
110
99
|
interactiveKeyboardObserver = view.observe(\.center, options: .new) { [weak self] _, change in
|
|
111
100
|
guard let self = self, let changeValue = change.newValue else { return }
|
|
@@ -127,21 +116,13 @@ public class KeyboardMovementObserver: NSObject {
|
|
|
127
116
|
if !displayLink.isPaused {
|
|
128
117
|
return
|
|
129
118
|
}
|
|
130
|
-
// if keyboard height is not equal to its bounds - we can ignore
|
|
131
|
-
// values, since they'll be invalid and will cause UI jumps
|
|
132
|
-
if floor(keyboardView?.bounds.size.height ?? 0) != floor(_keyboardHeight) {
|
|
133
|
-
return
|
|
134
|
-
}
|
|
135
119
|
|
|
136
|
-
let
|
|
137
|
-
let keyboardWindowH = keyboardView?.window?.bounds.size.height ?? 0
|
|
138
|
-
let keyboardPosition = keyboardWindowH - keyboardFrameY
|
|
120
|
+
let interactive = keyboardTrackingView.interactive(point: changeValue)
|
|
139
121
|
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
) - KeyboardAreaExtender.shared.offset
|
|
122
|
+
if interactive == KeyboardTrackingView.invalidPosition {
|
|
123
|
+
return
|
|
124
|
+
}
|
|
125
|
+
let position = interactive - KeyboardAreaExtender.shared.offset
|
|
145
126
|
|
|
146
127
|
if position == 0 {
|
|
147
128
|
// it will be triggered before `keyboardWillDisappear` and
|
|
@@ -204,10 +185,11 @@ public class KeyboardMovementObserver: NSObject {
|
|
|
204
185
|
|
|
205
186
|
@objc func keyboardDidAppear(_ notification: Notification) {
|
|
206
187
|
guard !UIResponder.isKeyboardPreloading else { return }
|
|
188
|
+
|
|
207
189
|
let timestamp = Date.currentTimeStamp
|
|
208
190
|
let (duration, frame) = notification.keyboardMetaData()
|
|
209
191
|
if let keyboardFrame = frame {
|
|
210
|
-
let (position, _) =
|
|
192
|
+
let (position, _) = keyboardTrackingView.view.frameTransitionInWindow
|
|
211
193
|
let keyboardHeight = keyboardFrame.cgRectValue.size.height
|
|
212
194
|
tag = UIResponder.current.reactViewTag
|
|
213
195
|
self.keyboardHeight = keyboardHeight
|
|
@@ -263,7 +245,7 @@ public class KeyboardMovementObserver: NSObject {
|
|
|
263
245
|
|
|
264
246
|
func initializeAnimation(fromValue: Double, toValue: Double) {
|
|
265
247
|
for key in ["position", "opacity"] {
|
|
266
|
-
if let keyboardAnimation =
|
|
248
|
+
if let keyboardAnimation = keyboardTrackingView.view?.layer.presentation()?.animation(forKey: key) {
|
|
267
249
|
if let springAnimation = keyboardAnimation as? CASpringAnimation {
|
|
268
250
|
animation = SpringAnimation(animation: springAnimation, fromValue: fromValue, toValue: toValue)
|
|
269
251
|
} else if let basicAnimation = keyboardAnimation as? CABasicAnimation {
|
|
@@ -275,11 +257,11 @@ public class KeyboardMovementObserver: NSObject {
|
|
|
275
257
|
}
|
|
276
258
|
|
|
277
259
|
@objc func updateKeyboardFrame(link: CADisplayLink) {
|
|
278
|
-
if
|
|
260
|
+
if keyboardTrackingView.view == nil {
|
|
279
261
|
return
|
|
280
262
|
}
|
|
281
263
|
|
|
282
|
-
let (visibleKeyboardHeight, keyboardFrameY) =
|
|
264
|
+
let (visibleKeyboardHeight, keyboardFrameY) = keyboardTrackingView.view.frameTransitionInWindow
|
|
283
265
|
var keyboardPosition = visibleKeyboardHeight - KeyboardAreaExtender.shared.offset
|
|
284
266
|
|
|
285
267
|
if keyboardPosition == prevKeyboardPosition || keyboardFrameY == 0 {
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
//
|
|
2
|
+
// KeyboardTrackingView.swift
|
|
3
|
+
// Pods
|
|
4
|
+
//
|
|
5
|
+
// Created by Kiryl Ziusko on 25/07/2025.
|
|
6
|
+
//
|
|
7
|
+
|
|
8
|
+
import UIKit
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* A compatibility view that resolves to `KeyboardView` on iOS < 26
|
|
12
|
+
* and uses `keyboardLayoutGuide` on iOS 26+.
|
|
13
|
+
*/
|
|
14
|
+
final class KeyboardTrackingView: UIView {
|
|
15
|
+
private var keyboardView: UIView? { KeyboardViewLocator.shared.resolve() }
|
|
16
|
+
private var keyboardHeight = 0.0
|
|
17
|
+
|
|
18
|
+
static let invalidPosition: CGFloat = -.greatestFiniteMagnitude
|
|
19
|
+
|
|
20
|
+
override init(frame: CGRect) {
|
|
21
|
+
super.init(frame: frame)
|
|
22
|
+
setup()
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
required init?(coder: NSCoder) {
|
|
26
|
+
super.init(coder: coder)
|
|
27
|
+
setup()
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
required init() {
|
|
31
|
+
super.init(frame: .zero)
|
|
32
|
+
setup()
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
deinit {
|
|
36
|
+
NotificationCenter.default.removeObserver(self)
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
private func setup() {
|
|
40
|
+
// for debug purposes
|
|
41
|
+
// self.backgroundColor = .red
|
|
42
|
+
isUserInteractionEnabled = false
|
|
43
|
+
isHidden = true
|
|
44
|
+
|
|
45
|
+
NotificationCenter.default.addObserver(
|
|
46
|
+
self,
|
|
47
|
+
selector: #selector(keyboardWillAppear),
|
|
48
|
+
name: UIResponder.keyboardWillShowNotification,
|
|
49
|
+
object: nil
|
|
50
|
+
)
|
|
51
|
+
NotificationCenter.default.addObserver(
|
|
52
|
+
self,
|
|
53
|
+
selector: #selector(keyboardDidAppear),
|
|
54
|
+
name: UIResponder.keyboardDidShowNotification,
|
|
55
|
+
object: nil
|
|
56
|
+
)
|
|
57
|
+
|
|
58
|
+
guard
|
|
59
|
+
let window = UIApplication.shared.activeWindow,
|
|
60
|
+
let rootView = window.rootViewController?.view
|
|
61
|
+
else {
|
|
62
|
+
return
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
rootView.addSubview(self)
|
|
66
|
+
|
|
67
|
+
translatesAutoresizingMaskIntoConstraints = false
|
|
68
|
+
|
|
69
|
+
if #available(iOS 17.0, *) {
|
|
70
|
+
rootView.keyboardLayoutGuide.usesBottomSafeArea = false
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
NSLayoutConstraint.activate([
|
|
74
|
+
leadingAnchor.constraint(equalTo: rootView.leadingAnchor, constant: 0),
|
|
75
|
+
trailingAnchor.constraint(equalTo: rootView.trailingAnchor, constant: 0),
|
|
76
|
+
bottomAnchor.constraint(equalTo: rootView.keyboardLayoutGuide.topAnchor, constant: 0),
|
|
77
|
+
heightAnchor.constraint(equalToConstant: 0),
|
|
78
|
+
])
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@objc private func keyboardWillAppear(_ notification: Notification) {
|
|
82
|
+
updateHeightFromNotification(notification)
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@objc private func keyboardDidAppear(_ notification: Notification) {
|
|
86
|
+
updateHeightFromNotification(notification)
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
private func updateHeightFromNotification(_ notification: Notification) {
|
|
90
|
+
let (_, frame) = notification.keyboardMetaData()
|
|
91
|
+
if let keyboardFrame = frame {
|
|
92
|
+
let keyboardHeight = keyboardFrame.cgRectValue.size.height
|
|
93
|
+
self.keyboardHeight = keyboardHeight
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
@objc var view: UIView? {
|
|
98
|
+
if #available(iOS 26.0, *) {
|
|
99
|
+
return self
|
|
100
|
+
} else {
|
|
101
|
+
return keyboardView
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
func interactive(point: CGPoint) -> CGFloat {
|
|
106
|
+
guard let trackedView = view else { return Self.invalidPosition }
|
|
107
|
+
|
|
108
|
+
let keyboardFrameY = point.y
|
|
109
|
+
let keyboardWindowH = trackedView.window?.bounds.size.height ?? 0
|
|
110
|
+
let keyboardPosition = keyboardWindowH - keyboardFrameY
|
|
111
|
+
|
|
112
|
+
// for `keyboardLayoutGuide` case we can just read keyboard position directly - no interpolation needed
|
|
113
|
+
if #available(iOS 26.0, *) {
|
|
114
|
+
return keyboardPosition
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
// if keyboard height is not equal to its bounds - we can ignore
|
|
118
|
+
// values, since they'll be invalid and will cause UI jumps
|
|
119
|
+
// valid only for non-`keyboardLayoutGuide` case
|
|
120
|
+
if floor(trackedView.bounds.size.height) != floor(keyboardHeight) {
|
|
121
|
+
return Self.invalidPosition
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
let position = CGFloat.interpolate(
|
|
125
|
+
inputRange: [keyboardHeight / 2, -keyboardHeight / 2],
|
|
126
|
+
outputRange: [keyboardHeight, 0],
|
|
127
|
+
currentValue: keyboardPosition
|
|
128
|
+
)
|
|
129
|
+
|
|
130
|
+
return position
|
|
131
|
+
}
|
|
132
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
//
|
|
2
|
+
// KeyboardViewLocator.swift
|
|
3
|
+
// Pods
|
|
4
|
+
//
|
|
5
|
+
// Created by Kiryl Ziusko on 25/07/2025.
|
|
6
|
+
//
|
|
7
|
+
|
|
8
|
+
final class KeyboardViewLocator {
|
|
9
|
+
static let shared = KeyboardViewLocator()
|
|
10
|
+
private var cachedKeyboardView: UIView?
|
|
11
|
+
private var cachedWindowsCount: Int = 0
|
|
12
|
+
|
|
13
|
+
func resolve() -> UIView? {
|
|
14
|
+
let currentWindowsCount = UIApplication.shared.windows.count
|
|
15
|
+
|
|
16
|
+
if cachedKeyboardView == nil || currentWindowsCount != cachedWindowsCount {
|
|
17
|
+
cachedKeyboardView = KeyboardView.find()
|
|
18
|
+
cachedWindowsCount = currentWindowsCount
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
return cachedKeyboardView
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -178,16 +178,16 @@ using namespace facebook::react;
|
|
|
178
178
|
.duration = [duration intValue],
|
|
179
179
|
.target = [target intValue]});
|
|
180
180
|
}
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
181
|
+
if ([event isEqualToString:@"onKeyboardMoveInteractive"]) {
|
|
182
|
+
std::dynamic_pointer_cast<const facebook::react::KeyboardControllerViewEventEmitter>(
|
|
183
|
+
self->_eventEmitter)
|
|
184
|
+
->onKeyboardMoveInteractive(facebook::react::KeyboardControllerViewEventEmitter::
|
|
185
|
+
OnKeyboardMoveInteractive{
|
|
186
|
+
.height = [height doubleValue],
|
|
187
|
+
.progress = [progress doubleValue],
|
|
188
|
+
.duration = [duration intValue],
|
|
189
|
+
.target = [target intValue]});
|
|
190
|
+
}
|
|
191
191
|
}
|
|
192
192
|
|
|
193
193
|
KeyboardMoveEvent *keyboardMoveEvent =
|
|
@@ -8,52 +8,125 @@
|
|
|
8
8
|
import UIKit
|
|
9
9
|
|
|
10
10
|
@objc
|
|
11
|
-
public class KeyboardExtenderContainerView:
|
|
11
|
+
public class KeyboardExtenderContainerView: NSObject {
|
|
12
12
|
@objc public static func create(frame: CGRect, contentView: UIView) -> UIView {
|
|
13
13
|
if #available(iOS 26.0, *) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
let isDark = FocusedInputHolder.shared.get()?.keyboardAppearanceValue == "dark"
|
|
18
|
-
|
|
19
|
-
let glassEffect = glassEffectClass.init()
|
|
20
|
-
let color = isDark ? UIColor.black.withAlphaComponent(0.3) : UIColor.gray.withAlphaComponent(0.3)
|
|
21
|
-
glassEffect.setValue(color, forKey: "tintColor")
|
|
22
|
-
glassEffect.setValue(true, forKey: "interactive")
|
|
23
|
-
|
|
24
|
-
// wrapper container will be full frame
|
|
25
|
-
let wrapperView = UIView(frame: frame)
|
|
26
|
-
wrapperView.backgroundColor = .clear
|
|
27
|
-
|
|
28
|
-
let innerWidth = frame.width - paddingHorizontal * 2
|
|
29
|
-
let innerHeight = frame.height
|
|
30
|
-
|
|
31
|
-
let visualEffectView = UIVisualEffectView(effect: glassEffect)
|
|
32
|
-
visualEffectView.overrideUserInterfaceStyle = isDark ? .dark : .light
|
|
33
|
-
|
|
34
|
-
visualEffectView.frame = CGRect(
|
|
35
|
-
x: paddingHorizontal,
|
|
36
|
-
y: -paddingBottom,
|
|
37
|
-
width: innerWidth,
|
|
38
|
-
height: innerHeight
|
|
39
|
-
)
|
|
40
|
-
contentView.frame = CGRect(
|
|
41
|
-
x: -paddingHorizontal,
|
|
42
|
-
y: 0,
|
|
43
|
-
width: innerWidth,
|
|
44
|
-
height: innerHeight
|
|
45
|
-
)
|
|
46
|
-
|
|
47
|
-
visualEffectView.contentView.addSubview(contentView)
|
|
48
|
-
wrapperView.addSubview(visualEffectView)
|
|
49
|
-
|
|
50
|
-
return wrapperView
|
|
51
|
-
}
|
|
14
|
+
return ModernContainerView(frame: frame, contentView: contentView)
|
|
15
|
+
} else {
|
|
16
|
+
return LegacyContainerView(frame: frame, contentView: contentView)
|
|
52
17
|
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
private class BaseContainerView: UIInputView {
|
|
22
|
+
var contentView: UIView!
|
|
23
|
+
|
|
24
|
+
init(frame: CGRect, contentView: UIView) {
|
|
25
|
+
super.init(frame: frame, inputViewStyle: .keyboard)
|
|
26
|
+
self.contentView = contentView
|
|
27
|
+
commonSetup()
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@available(*, unavailable)
|
|
31
|
+
required init?(coder _: NSCoder) {
|
|
32
|
+
fatalError("init(coder:) has not been implemented")
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
private func commonSetup() {
|
|
36
|
+
allowsSelfSizing = true
|
|
37
|
+
autoresizingMask = [.flexibleHeight]
|
|
38
|
+
setupContainerSpecifics()
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
func setupContainerSpecifics() {
|
|
42
|
+
// Override in subclasses
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
func calculateDesiredHeight() -> CGFloat {
|
|
46
|
+
guard let firstSubview = contentView.subviews.first else { return 0 }
|
|
47
|
+
return firstSubview.frame.height
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
override func layoutSubviews() {
|
|
51
|
+
super.layoutSubviews()
|
|
52
|
+
|
|
53
|
+
let desiredHeight = calculateDesiredHeight()
|
|
54
|
+
|
|
55
|
+
if frame.height != desiredHeight {
|
|
56
|
+
frame.size.height = desiredHeight
|
|
57
|
+
|
|
58
|
+
updateContentFrame(desiredHeight: desiredHeight)
|
|
59
|
+
|
|
60
|
+
// Trigger layout updates
|
|
61
|
+
invalidateIntrinsicContentSize()
|
|
62
|
+
setNeedsLayout()
|
|
63
|
+
UIResponder.current?.reloadInputViews()
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
func updateContentFrame(desiredHeight _: CGFloat) {
|
|
68
|
+
// Override in subclasses
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
override public var intrinsicContentSize: CGSize {
|
|
72
|
+
return CGSize(width: UIView.noIntrinsicMetric, height: frame.height)
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
// MARK: - Modern Implementation (iOS 26.0+)
|
|
77
|
+
|
|
78
|
+
@available(iOS 26.0, *)
|
|
79
|
+
private class ModernContainerView: BaseContainerView {
|
|
80
|
+
private let paddingHorizontal: CGFloat = 20.0
|
|
81
|
+
private let paddingBottom: CGFloat = 10.0
|
|
82
|
+
private var visualEffectView: UIVisualEffectView?
|
|
83
|
+
|
|
84
|
+
override func setupContainerSpecifics() {
|
|
85
|
+
setupVisualEffect()
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
private func setupVisualEffect() {
|
|
89
|
+
guard let glassEffectClass = NSClassFromString("UIGlassEffect") as? UIVisualEffect.Type else { return }
|
|
90
|
+
|
|
91
|
+
let isDark = FocusedInputHolder.shared.get()?.keyboardAppearanceValue == "dark"
|
|
92
|
+
let glassEffect = glassEffectClass.init()
|
|
93
|
+
let color = isDark ? UIColor.black.withAlphaComponent(0.3) : UIColor.gray.withAlphaComponent(0.3)
|
|
94
|
+
glassEffect.setValue(color, forKey: "tintColor")
|
|
95
|
+
glassEffect.setValue(true, forKey: "interactive")
|
|
96
|
+
|
|
97
|
+
visualEffectView = UIVisualEffectView(effect: glassEffect)
|
|
98
|
+
visualEffectView?.overrideUserInterfaceStyle = isDark ? .dark : .light
|
|
99
|
+
|
|
100
|
+
if let visualEffectView = visualEffectView {
|
|
101
|
+
visualEffectView.contentView.addSubview(contentView)
|
|
102
|
+
addSubview(visualEffectView)
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
override func updateContentFrame(desiredHeight: CGFloat) {
|
|
107
|
+
visualEffectView?.frame = CGRect(
|
|
108
|
+
x: paddingHorizontal,
|
|
109
|
+
y: -paddingBottom,
|
|
110
|
+
width: bounds.width - 2 * paddingHorizontal,
|
|
111
|
+
height: desiredHeight
|
|
112
|
+
)
|
|
113
|
+
contentView.frame = CGRect(
|
|
114
|
+
x: -paddingHorizontal,
|
|
115
|
+
y: 0,
|
|
116
|
+
width: bounds.width,
|
|
117
|
+
height: desiredHeight
|
|
118
|
+
)
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
// MARK: - Legacy Implementation (Pre-iOS 26.0)
|
|
123
|
+
|
|
124
|
+
private class LegacyContainerView: BaseContainerView {
|
|
125
|
+
override func setupContainerSpecifics() {
|
|
126
|
+
addSubview(contentView)
|
|
127
|
+
}
|
|
53
128
|
|
|
54
|
-
|
|
55
|
-
contentView.frame =
|
|
56
|
-
inputView.addSubview(contentView)
|
|
57
|
-
return inputView
|
|
129
|
+
override func updateContentFrame(desiredHeight _: CGFloat) {
|
|
130
|
+
contentView.frame = bounds
|
|
58
131
|
}
|
|
59
132
|
}
|
|
@@ -244,15 +244,13 @@ RCT_EXPORT_VIEW_PROPERTY(enabled, BOOL)
|
|
|
244
244
|
{
|
|
245
245
|
_enabled = enabled;
|
|
246
246
|
|
|
247
|
-
if (
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
[self attachToTextInput:(UIView *)firstResponder];
|
|
255
|
-
}
|
|
247
|
+
if (!enabled) {
|
|
248
|
+
[self detachInputAccessoryView];
|
|
249
|
+
} else {
|
|
250
|
+
// Re-attach if a text input is active
|
|
251
|
+
UIResponder *firstResponder = [UIResponder current];
|
|
252
|
+
if ([firstResponder conformsToProtocol:@protocol(UITextInput)]) {
|
|
253
|
+
[self attachToTextInput:(UIView *)firstResponder];
|
|
256
254
|
}
|
|
257
255
|
}
|
|
258
256
|
}
|
|
@@ -277,6 +275,11 @@ RCT_EXPORT_VIEW_PROPERTY(enabled, BOOL)
|
|
|
277
275
|
}
|
|
278
276
|
#endif
|
|
279
277
|
|
|
278
|
+
- (void)layoutSubviews
|
|
279
|
+
{
|
|
280
|
+
[_sharedInputAccessoryView layoutSubviews];
|
|
281
|
+
}
|
|
282
|
+
|
|
280
283
|
#ifdef RCT_NEW_ARCH_ENABLED
|
|
281
284
|
Class<RCTComponentViewProtocol> KeyboardExtenderCls(void)
|
|
282
285
|
{
|
|
@@ -184,7 +184,6 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
184
184
|
const onChangeText = (0, _react.useCallback)(() => {
|
|
185
185
|
"worklet";
|
|
186
186
|
|
|
187
|
-
console.debug("maybeScroll - onChangeText");
|
|
188
187
|
scrollFromCurrentPosition();
|
|
189
188
|
}, [scrollFromCurrentPosition]);
|
|
190
189
|
const onChangeTextHandler = (0, _react.useMemo)(() => (0, _utils.debounce)(onChangeText, 200), [onChangeText]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","_findNodeHandle","_useSmoothKeyboardHandler","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","Reanimated","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","useScrollViewOffset","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","lastSelection","height","useWindowDimensions","onRef","useCallback","assignedRef","current","onScrollViewLayout","value","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","clamp","scrollFromCurrentPosition","prevScrollPosition","prevLayout","onChangeText","console","debug","onChangeTextHandler","useMemo","debounce","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","useEffect","runOnUI","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } from \"react\";\nimport Reanimated, {\n clamp,\n interpolate,\n runOnUI,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useAnimatedStyle,\n useScrollViewOffset,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"../../hooks\";\nimport { findNodeHandle } from \"../../utils/findNodeHandle\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type {\n FocusedInputLayoutChangedEvent,\n FocusedInputSelectionChangedEvent,\n NativeEvent,\n} from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between the keyboard and the caret inside a focused `TextInput` when the keyboard is shown. Default is `0`. */\n bottomOffset?: number;\n /** Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false`. */\n disableScrollOnKeyboardHide?: boolean;\n /** Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`. */\n enabled?: boolean;\n /** Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. */\n extraKeyboardSpace?: number;\n /** Custom component for `ScrollView`. Default is `ScrollView`. */\n ScrollViewComponent?: React.ComponentType<ScrollViewProps>;\n} & ScrollViewProps;\n\n// Everything begins from `onStart` handler. This handler is called every time,\n// when keyboard changes its size or when focused `TextInput` was changed. In\n// this handler we are calculating/memoizing values which later will be used\n// during layout movement. For that we calculate:\n// - layout of focused field (`layout`) - to understand whether there will be overlap\n// - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\n// - future keyboard height (`keyboardHeight`) - used in scroll interpolation\n// - current scroll position (`scrollPosition`) - used to scroll from this point\n//\n// Once we've calculated all necessary variables - we can actually start to use them.\n// It happens in `onMove` handler - this function simply calls `maybeScroll` with\n// current keyboard frame height. This functions makes the smooth transition.\n//\n// When the transition has finished we go to `onEnd` handler. In this handler\n// we verify, that the current field is not overlapped within a keyboard frame.\n// For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\n// however there could be some cases, when `onMove` is not called:\n// - on iOS when TextInput was changed - keyboard transition is instant\n// - on Android when TextInput was changed and keyboard size wasn't changed\n// So `onEnd` handler handle the case, when `onMove` wasn't triggered.\n//\n// ====================================================================================================================+\n// -----------------------------------------------------Flow chart-----------------------------------------------------+\n// ====================================================================================================================+\n//\n// +============================+ +============================+ +==================================+\n// + User Press on TextInput + => + Keyboard starts showing + => + As keyboard moves frame by frame + =>\n// + + + (run `onStart`) + + `onMove` is getting called +\n// +============================+ +============================+ +==================================+\n//\n// +============================+ +============================+ +=====================================+\n// + Keyboard is shown and we + => + User moved focus to + => + Only `onStart`/`onEnd` maybe called +\n// + call `onEnd` handler + + another `TextInput` + + (without involving `onMove`) +\n// +============================+ +============================+ +=====================================+\n//\n\n/**\n * A ScrollView component that automatically handles keyboard appearance and disappearance\n * by adjusting its content position to ensure the focused input remains visible.\n *\n * The component uses a sophisticated animation system to smoothly handle keyboard transitions\n * and maintain proper scroll position during keyboard interactions.\n *\n * @returns A ScrollView component that handles keyboard interactions.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardAwareScrollView bottomOffset={20}>\n * <TextInput placeholder=\"Enter text\" />\n * <TextInput placeholder=\"Another input\" />\n * </KeyboardAwareScrollView>\n * ```\n */\nconst KeyboardAwareScrollView = forwardRef<\n ScrollView,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n extraKeyboardSpace = 0,\n ScrollViewComponent = Reanimated.ScrollView,\n snapToOffsets,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewTarget = useSharedValue<number | null>(null);\n const scrollPosition = useSharedValue(0);\n const position = useScrollViewOffset(scrollViewAnimatedRef);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\n }, []);\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /**\n * Function that will scroll a ScrollView as keyboard gets moving.\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY || 0;\n const inputHeight = layout.value?.layout.height || 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (point < 0) {\n const positionOnScreen = visibleRect - bottomOffset;\n const topOfScreen = scrollPosition.value + point;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, height, snapToOffsets],\n );\n const syncKeyboardFrame = useCallback(\n (e: NativeEvent) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n\n currentKeyboardFrameHeight.value = keyboardFrame;\n },\n [extraKeyboardSpace],\n );\n\n const updateLayoutFromSelection = useCallback(() => {\n \"worklet\";\n\n const customHeight = lastSelection.value?.selection.end.y;\n\n if (!input.value?.layout || !customHeight) {\n return false;\n }\n\n layout.value = {\n ...input.value,\n layout: {\n ...input.value.layout,\n // when we have multiline input with limited amount of lines, then custom height can be very big\n // so we clamp it to max input height\n height: clamp(customHeight, 0, input.value.layout.height),\n },\n };\n\n return true;\n }, [input, lastSelection, layout]);\n const scrollFromCurrentPosition = useCallback(() => {\n \"worklet\";\n\n const prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n if (!updateLayoutFromSelection()) {\n return;\n }\n\n // eslint-disable-next-line react-compiler/react-compiler\n scrollPosition.value = position.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\n const onChangeText = useCallback(() => {\n \"worklet\";\n\n console.debug(\"maybeScroll - onChangeText\");\n scrollFromCurrentPosition();\n }, [scrollFromCurrentPosition]);\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n const onSelectionChange = useCallback(\n (e: FocusedInputSelectionChangedEvent) => {\n \"worklet\";\n\n const lastTarget = lastSelection.value?.target;\n const latestSelection = lastSelection.value?.selection;\n\n lastSelection.value = e;\n\n if (e.target !== lastTarget) {\n // ignore this event, because \"focus changed\" event handled in `useSmoothKeyboardHandler`\n return;\n }\n // caret in the end + end coordinates has been changed -> we moved to a new line\n // so input may grow\n if (\n e.selection.end.position === e.selection.start.position &&\n latestSelection?.end.y !== e.selection.end.y\n ) {\n return scrollFromCurrentPosition();\n }\n // selection has been changed\n if (e.selection.start.position !== e.selection.end.position) {\n return scrollFromCurrentPosition();\n }\n\n onChangeTextHandler();\n },\n [scrollFromCurrentPosition, onChangeTextHandler],\n );\n\n useFocusedInputHandler(\n {\n onSelectionChange: onSelectionChange,\n },\n [onSelectionChange],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) ||\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n }\n\n if (\n keyboardWillAppear.value ||\n keyboardWillChangeSize ||\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n // save position of focused text input when keyboard starts to move\n updateLayoutFromSelection();\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n syncKeyboardFrame(e);\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n\n syncKeyboardFrame(e);\n },\n },\n [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame],\n );\n\n useEffect(() => {\n runOnUI(maybeScroll)(keyboardHeight.value, true);\n }, [bottomOffset]);\n\n useAnimatedReaction(\n () => input.value,\n (current, previous) => {\n if (\n current?.target === previous?.target &&\n current?.layout.height !== previous?.layout.height\n ) {\n // input has changed layout - let's check if we need to scroll\n // may happen when you paste text, then onSelectionChange will be\n // fired earlier than text actually changes its layout\n scrollFromCurrentPosition();\n }\n },\n [],\n );\n\n const view = useAnimatedStyle(\n () =>\n enabled\n ? {\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n paddingBottom: currentKeyboardFrameHeight.value + 1,\n }\n : {},\n [enabled],\n );\n\n return (\n <ScrollViewComponent\n ref={onRef}\n {...rest}\n scrollEventThrottle={16}\n onLayout={onScrollViewLayout}\n >\n {children}\n {enabled && <Reanimated.View style={view} />}\n </ScrollViewComponent>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","_findNodeHandle","_useSmoothKeyboardHandler","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","Reanimated","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","useScrollViewOffset","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","lastSelection","height","useWindowDimensions","onRef","useCallback","assignedRef","current","onScrollViewLayout","value","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","clamp","scrollFromCurrentPosition","prevScrollPosition","prevLayout","onChangeText","onChangeTextHandler","useMemo","debounce","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","useEffect","runOnUI","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } from \"react\";\nimport Reanimated, {\n clamp,\n interpolate,\n runOnUI,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useAnimatedStyle,\n useScrollViewOffset,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"../../hooks\";\nimport { findNodeHandle } from \"../../utils/findNodeHandle\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type {\n FocusedInputLayoutChangedEvent,\n FocusedInputSelectionChangedEvent,\n NativeEvent,\n} from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between the keyboard and the caret inside a focused `TextInput` when the keyboard is shown. Default is `0`. */\n bottomOffset?: number;\n /** Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false`. */\n disableScrollOnKeyboardHide?: boolean;\n /** Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`. */\n enabled?: boolean;\n /** Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. */\n extraKeyboardSpace?: number;\n /** Custom component for `ScrollView`. Default is `ScrollView`. */\n ScrollViewComponent?: React.ComponentType<ScrollViewProps>;\n} & ScrollViewProps;\n\n// Everything begins from `onStart` handler. This handler is called every time,\n// when keyboard changes its size or when focused `TextInput` was changed. In\n// this handler we are calculating/memoizing values which later will be used\n// during layout movement. For that we calculate:\n// - layout of focused field (`layout`) - to understand whether there will be overlap\n// - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\n// - future keyboard height (`keyboardHeight`) - used in scroll interpolation\n// - current scroll position (`scrollPosition`) - used to scroll from this point\n//\n// Once we've calculated all necessary variables - we can actually start to use them.\n// It happens in `onMove` handler - this function simply calls `maybeScroll` with\n// current keyboard frame height. This functions makes the smooth transition.\n//\n// When the transition has finished we go to `onEnd` handler. In this handler\n// we verify, that the current field is not overlapped within a keyboard frame.\n// For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\n// however there could be some cases, when `onMove` is not called:\n// - on iOS when TextInput was changed - keyboard transition is instant\n// - on Android when TextInput was changed and keyboard size wasn't changed\n// So `onEnd` handler handle the case, when `onMove` wasn't triggered.\n//\n// ====================================================================================================================+\n// -----------------------------------------------------Flow chart-----------------------------------------------------+\n// ====================================================================================================================+\n//\n// +============================+ +============================+ +==================================+\n// + User Press on TextInput + => + Keyboard starts showing + => + As keyboard moves frame by frame + =>\n// + + + (run `onStart`) + + `onMove` is getting called +\n// +============================+ +============================+ +==================================+\n//\n// +============================+ +============================+ +=====================================+\n// + Keyboard is shown and we + => + User moved focus to + => + Only `onStart`/`onEnd` maybe called +\n// + call `onEnd` handler + + another `TextInput` + + (without involving `onMove`) +\n// +============================+ +============================+ +=====================================+\n//\n\n/**\n * A ScrollView component that automatically handles keyboard appearance and disappearance\n * by adjusting its content position to ensure the focused input remains visible.\n *\n * The component uses a sophisticated animation system to smoothly handle keyboard transitions\n * and maintain proper scroll position during keyboard interactions.\n *\n * @returns A ScrollView component that handles keyboard interactions.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardAwareScrollView bottomOffset={20}>\n * <TextInput placeholder=\"Enter text\" />\n * <TextInput placeholder=\"Another input\" />\n * </KeyboardAwareScrollView>\n * ```\n */\nconst KeyboardAwareScrollView = forwardRef<\n ScrollView,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n extraKeyboardSpace = 0,\n ScrollViewComponent = Reanimated.ScrollView,\n snapToOffsets,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewTarget = useSharedValue<number | null>(null);\n const scrollPosition = useSharedValue(0);\n const position = useScrollViewOffset(scrollViewAnimatedRef);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\n }, []);\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /**\n * Function that will scroll a ScrollView as keyboard gets moving.\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY || 0;\n const inputHeight = layout.value?.layout.height || 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (point < 0) {\n const positionOnScreen = visibleRect - bottomOffset;\n const topOfScreen = scrollPosition.value + point;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, height, snapToOffsets],\n );\n const syncKeyboardFrame = useCallback(\n (e: NativeEvent) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n\n currentKeyboardFrameHeight.value = keyboardFrame;\n },\n [extraKeyboardSpace],\n );\n\n const updateLayoutFromSelection = useCallback(() => {\n \"worklet\";\n\n const customHeight = lastSelection.value?.selection.end.y;\n\n if (!input.value?.layout || !customHeight) {\n return false;\n }\n\n layout.value = {\n ...input.value,\n layout: {\n ...input.value.layout,\n // when we have multiline input with limited amount of lines, then custom height can be very big\n // so we clamp it to max input height\n height: clamp(customHeight, 0, input.value.layout.height),\n },\n };\n\n return true;\n }, [input, lastSelection, layout]);\n const scrollFromCurrentPosition = useCallback(() => {\n \"worklet\";\n\n const prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n if (!updateLayoutFromSelection()) {\n return;\n }\n\n // eslint-disable-next-line react-compiler/react-compiler\n scrollPosition.value = position.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\n const onChangeText = useCallback(() => {\n \"worklet\";\n scrollFromCurrentPosition();\n }, [scrollFromCurrentPosition]);\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n const onSelectionChange = useCallback(\n (e: FocusedInputSelectionChangedEvent) => {\n \"worklet\";\n\n const lastTarget = lastSelection.value?.target;\n const latestSelection = lastSelection.value?.selection;\n\n lastSelection.value = e;\n\n if (e.target !== lastTarget) {\n // ignore this event, because \"focus changed\" event handled in `useSmoothKeyboardHandler`\n return;\n }\n // caret in the end + end coordinates has been changed -> we moved to a new line\n // so input may grow\n if (\n e.selection.end.position === e.selection.start.position &&\n latestSelection?.end.y !== e.selection.end.y\n ) {\n return scrollFromCurrentPosition();\n }\n // selection has been changed\n if (e.selection.start.position !== e.selection.end.position) {\n return scrollFromCurrentPosition();\n }\n\n onChangeTextHandler();\n },\n [scrollFromCurrentPosition, onChangeTextHandler],\n );\n\n useFocusedInputHandler(\n {\n onSelectionChange: onSelectionChange,\n },\n [onSelectionChange],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) ||\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n }\n\n if (\n keyboardWillAppear.value ||\n keyboardWillChangeSize ||\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n // save position of focused text input when keyboard starts to move\n updateLayoutFromSelection();\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n syncKeyboardFrame(e);\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n\n syncKeyboardFrame(e);\n },\n },\n [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame],\n );\n\n useEffect(() => {\n runOnUI(maybeScroll)(keyboardHeight.value, true);\n }, [bottomOffset]);\n\n useAnimatedReaction(\n () => input.value,\n (current, previous) => {\n if (\n current?.target === previous?.target &&\n current?.layout.height !== previous?.layout.height\n ) {\n // input has changed layout - let's check if we need to scroll\n // may happen when you paste text, then onSelectionChange will be\n // fired earlier than text actually changes its layout\n scrollFromCurrentPosition();\n }\n },\n [],\n );\n\n const view = useAnimatedStyle(\n () =>\n enabled\n ? {\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n paddingBottom: currentKeyboardFrameHeight.value + 1,\n }\n : {},\n [enabled],\n );\n\n return (\n <ScrollViewComponent\n ref={onRef}\n {...rest}\n scrollEventThrottle={16}\n onLayout={onScrollViewLayout}\n >\n {children}\n {enabled && <Reanimated.View style={view} />}\n </ScrollViewComponent>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n /**\n * Determines how the keyboard position will be controlled:\n * - `ios` - keyboard will be following finger only when finger touches keyboard\n * - `linear` - keyboard will be following finger position linearly.\n *\n * @platform android\n */\n interpolator?: \"ios\" | \"linear\";\n /**\n * Whether to allow to show a keyboard from dismissed state by swipe up.\n * Default to `false`.\n *\n * @platform android\n */\n showOnSwipeUp?: boolean;\n /**\n * Whether to allow to control a keyboard by gestures. The strategy how\n * it should be controlled is determined by `interpolator` property.\n * Defaults to `true`.\n *\n * @platform android\n */\n enableSwipeToDismiss?: boolean;\n /**\n * Extra distance to the keyboard.\n */\n offset?: number;\n /**\n * A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n * This is **required on iOS** in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n * will receive offset behavior.\n *\n * @platform ios\n */\n textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n /**\n * A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n */\n visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n /** Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */\n enabled
|
|
1
|
+
{"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n /**\n * Determines how the keyboard position will be controlled:\n * - `ios` - keyboard will be following finger only when finger touches keyboard\n * - `linear` - keyboard will be following finger position linearly.\n *\n * @platform android\n */\n interpolator?: \"ios\" | \"linear\";\n /**\n * Whether to allow to show a keyboard from dismissed state by swipe up.\n * Default to `false`.\n *\n * @platform android\n */\n showOnSwipeUp?: boolean;\n /**\n * Whether to allow to control a keyboard by gestures. The strategy how\n * it should be controlled is determined by `interpolator` property.\n * Defaults to `true`.\n *\n * @platform android\n */\n enableSwipeToDismiss?: boolean;\n /**\n * Extra distance to the keyboard.\n */\n offset?: number;\n /**\n * A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n * This is **required on iOS** in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n * will receive offset behavior.\n *\n * @platform ios\n */\n textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n /**\n * A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n */\n visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n /** Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */\n enabled?: boolean;\n}>;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -176,7 +176,6 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
|
|
|
176
176
|
const onChangeText = useCallback(() => {
|
|
177
177
|
"worklet";
|
|
178
178
|
|
|
179
|
-
console.debug("maybeScroll - onChangeText");
|
|
180
179
|
scrollFromCurrentPosition();
|
|
181
180
|
}, [scrollFromCurrentPosition]);
|
|
182
181
|
const onChangeTextHandler = useMemo(() => debounce(onChangeText, 200), [onChangeText]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","Reanimated","clamp","interpolate","runOnUI","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedStyle","useScrollViewOffset","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useWindowDimensions","findNodeHandle","useSmoothKeyboardHandler","debounce","scrollDistanceWithRespectToSnapPoints","KeyboardAwareScrollView","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","scrollViewTarget","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","layout","lastSelection","height","onRef","assignedRef","current","onScrollViewLayout","e","value","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","targetScrollY","Math","max","positionOnScreen","topOfScreen","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","scrollFromCurrentPosition","prevScrollPosition","prevLayout","onChangeText","console","debug","onChangeTextHandler","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","previous","view","paddingBottom","createElement","_extends","scrollEventThrottle","View","style"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } from \"react\";\nimport Reanimated, {\n clamp,\n interpolate,\n runOnUI,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useAnimatedStyle,\n useScrollViewOffset,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"../../hooks\";\nimport { findNodeHandle } from \"../../utils/findNodeHandle\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type {\n FocusedInputLayoutChangedEvent,\n FocusedInputSelectionChangedEvent,\n NativeEvent,\n} from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between the keyboard and the caret inside a focused `TextInput` when the keyboard is shown. Default is `0`. */\n bottomOffset?: number;\n /** Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false`. */\n disableScrollOnKeyboardHide?: boolean;\n /** Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`. */\n enabled?: boolean;\n /** Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. */\n extraKeyboardSpace?: number;\n /** Custom component for `ScrollView`. Default is `ScrollView`. */\n ScrollViewComponent?: React.ComponentType<ScrollViewProps>;\n} & ScrollViewProps;\n\n// Everything begins from `onStart` handler. This handler is called every time,\n// when keyboard changes its size or when focused `TextInput` was changed. In\n// this handler we are calculating/memoizing values which later will be used\n// during layout movement. For that we calculate:\n// - layout of focused field (`layout`) - to understand whether there will be overlap\n// - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\n// - future keyboard height (`keyboardHeight`) - used in scroll interpolation\n// - current scroll position (`scrollPosition`) - used to scroll from this point\n//\n// Once we've calculated all necessary variables - we can actually start to use them.\n// It happens in `onMove` handler - this function simply calls `maybeScroll` with\n// current keyboard frame height. This functions makes the smooth transition.\n//\n// When the transition has finished we go to `onEnd` handler. In this handler\n// we verify, that the current field is not overlapped within a keyboard frame.\n// For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\n// however there could be some cases, when `onMove` is not called:\n// - on iOS when TextInput was changed - keyboard transition is instant\n// - on Android when TextInput was changed and keyboard size wasn't changed\n// So `onEnd` handler handle the case, when `onMove` wasn't triggered.\n//\n// ====================================================================================================================+\n// -----------------------------------------------------Flow chart-----------------------------------------------------+\n// ====================================================================================================================+\n//\n// +============================+ +============================+ +==================================+\n// + User Press on TextInput + => + Keyboard starts showing + => + As keyboard moves frame by frame + =>\n// + + + (run `onStart`) + + `onMove` is getting called +\n// +============================+ +============================+ +==================================+\n//\n// +============================+ +============================+ +=====================================+\n// + Keyboard is shown and we + => + User moved focus to + => + Only `onStart`/`onEnd` maybe called +\n// + call `onEnd` handler + + another `TextInput` + + (without involving `onMove`) +\n// +============================+ +============================+ +=====================================+\n//\n\n/**\n * A ScrollView component that automatically handles keyboard appearance and disappearance\n * by adjusting its content position to ensure the focused input remains visible.\n *\n * The component uses a sophisticated animation system to smoothly handle keyboard transitions\n * and maintain proper scroll position during keyboard interactions.\n *\n * @returns A ScrollView component that handles keyboard interactions.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardAwareScrollView bottomOffset={20}>\n * <TextInput placeholder=\"Enter text\" />\n * <TextInput placeholder=\"Another input\" />\n * </KeyboardAwareScrollView>\n * ```\n */\nconst KeyboardAwareScrollView = forwardRef<\n ScrollView,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n extraKeyboardSpace = 0,\n ScrollViewComponent = Reanimated.ScrollView,\n snapToOffsets,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewTarget = useSharedValue<number | null>(null);\n const scrollPosition = useSharedValue(0);\n const position = useScrollViewOffset(scrollViewAnimatedRef);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\n }, []);\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /**\n * Function that will scroll a ScrollView as keyboard gets moving.\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY || 0;\n const inputHeight = layout.value?.layout.height || 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (point < 0) {\n const positionOnScreen = visibleRect - bottomOffset;\n const topOfScreen = scrollPosition.value + point;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, height, snapToOffsets],\n );\n const syncKeyboardFrame = useCallback(\n (e: NativeEvent) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n\n currentKeyboardFrameHeight.value = keyboardFrame;\n },\n [extraKeyboardSpace],\n );\n\n const updateLayoutFromSelection = useCallback(() => {\n \"worklet\";\n\n const customHeight = lastSelection.value?.selection.end.y;\n\n if (!input.value?.layout || !customHeight) {\n return false;\n }\n\n layout.value = {\n ...input.value,\n layout: {\n ...input.value.layout,\n // when we have multiline input with limited amount of lines, then custom height can be very big\n // so we clamp it to max input height\n height: clamp(customHeight, 0, input.value.layout.height),\n },\n };\n\n return true;\n }, [input, lastSelection, layout]);\n const scrollFromCurrentPosition = useCallback(() => {\n \"worklet\";\n\n const prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n if (!updateLayoutFromSelection()) {\n return;\n }\n\n // eslint-disable-next-line react-compiler/react-compiler\n scrollPosition.value = position.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\n const onChangeText = useCallback(() => {\n \"worklet\";\n\n console.debug(\"maybeScroll - onChangeText\");\n scrollFromCurrentPosition();\n }, [scrollFromCurrentPosition]);\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n const onSelectionChange = useCallback(\n (e: FocusedInputSelectionChangedEvent) => {\n \"worklet\";\n\n const lastTarget = lastSelection.value?.target;\n const latestSelection = lastSelection.value?.selection;\n\n lastSelection.value = e;\n\n if (e.target !== lastTarget) {\n // ignore this event, because \"focus changed\" event handled in `useSmoothKeyboardHandler`\n return;\n }\n // caret in the end + end coordinates has been changed -> we moved to a new line\n // so input may grow\n if (\n e.selection.end.position === e.selection.start.position &&\n latestSelection?.end.y !== e.selection.end.y\n ) {\n return scrollFromCurrentPosition();\n }\n // selection has been changed\n if (e.selection.start.position !== e.selection.end.position) {\n return scrollFromCurrentPosition();\n }\n\n onChangeTextHandler();\n },\n [scrollFromCurrentPosition, onChangeTextHandler],\n );\n\n useFocusedInputHandler(\n {\n onSelectionChange: onSelectionChange,\n },\n [onSelectionChange],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) ||\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n }\n\n if (\n keyboardWillAppear.value ||\n keyboardWillChangeSize ||\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n // save position of focused text input when keyboard starts to move\n updateLayoutFromSelection();\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n syncKeyboardFrame(e);\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n\n syncKeyboardFrame(e);\n },\n },\n [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame],\n );\n\n useEffect(() => {\n runOnUI(maybeScroll)(keyboardHeight.value, true);\n }, [bottomOffset]);\n\n useAnimatedReaction(\n () => input.value,\n (current, previous) => {\n if (\n current?.target === previous?.target &&\n current?.layout.height !== previous?.layout.height\n ) {\n // input has changed layout - let's check if we need to scroll\n // may happen when you paste text, then onSelectionChange will be\n // fired earlier than text actually changes its layout\n scrollFromCurrentPosition();\n }\n },\n [],\n );\n\n const view = useAnimatedStyle(\n () =>\n enabled\n ? {\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n paddingBottom: currentKeyboardFrameHeight.value + 1,\n }\n : {},\n [enabled],\n );\n\n return (\n <ScrollViewComponent\n ref={onRef}\n {...rest}\n scrollEventThrottle={16}\n onLayout={onScrollViewLayout}\n >\n {children}\n {enabled && <Reanimated.View style={view} />}\n </ScrollViewComponent>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC1E,OAAOC,UAAU,IACfC,KAAK,EACLC,WAAW,EACXC,OAAO,EACPC,QAAQ,EACRC,mBAAmB,EACnBC,cAAc,EACdC,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,QACT,yBAAyB;AAEhC,SACEC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,aAAa;AACpB,SAASC,cAAc,QAAQ,4BAA4B;AAE3D,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,EAAEC,qCAAqC,QAAQ,SAAS;AA0BzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,uBAAuB,gBAAGrB,UAAU,CAIxC,CACE;EACEsB,QAAQ;EACRC,QAAQ;EACRC,YAAY,GAAG,CAAC;EAChBC,2BAA2B,GAAG,KAAK;EACnCC,OAAO,GAAG,IAAI;EACdC,kBAAkB,GAAG,CAAC;EACtBC,mBAAmB,GAAGxB,UAAU,CAACyB,UAAU;EAC3CC,aAAa;EACb,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,qBAAqB,GAAGvB,cAAc,CAAwB,CAAC;EACrE,MAAMwB,gBAAgB,GAAGrB,cAAc,CAAgB,IAAI,CAAC;EAC5D,MAAMsB,cAAc,GAAGtB,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMuB,QAAQ,GAAGxB,mBAAmB,CAACqB,qBAAqB,CAAC;EAC3D,MAAMI,0BAA0B,GAAGxB,cAAc,CAAC,CAAC,CAAC;EACpD,MAAMyB,cAAc,GAAGzB,cAAc,CAAC,CAAC,CAAC;EACxC,MAAM0B,kBAAkB,GAAG1B,cAAc,CAAC,KAAK,CAAC;EAChD,MAAM2B,GAAG,GAAG3B,cAAc,CAAC,CAAC,CAAC,CAAC;EAC9B,MAAM4B,mBAAmB,GAAG5B,cAAc,CAAC,CAAC,CAAC;EAC7C,MAAM6B,4BAA4B,GAAG7B,cAAc,CAAC,CAAC,CAAC;EACtD,MAAM;IAAE8B;EAAM,CAAC,GAAG5B,yBAAyB,CAAC,CAAC;EAC7C,MAAM6B,MAAM,GAAG/B,cAAc,CAAwC,IAAI,CAAC;EAC1E,MAAMgC,aAAa,GACjBhC,cAAc,CAA2C,IAAI,CAAC;EAEhE,MAAM;IAAEiC;EAAO,CAAC,GAAG9B,mBAAmB,CAAC,CAAC;EAExC,MAAM+B,KAAK,GAAG9C,WAAW,CAAE+C,WAAkC,IAAK;IAChE,IAAI,OAAOhB,GAAG,KAAK,UAAU,EAAE;MAC7BA,GAAG,CAACgB,WAAW,CAAC;IAClB,CAAC,MAAM,IAAIhB,GAAG,EAAE;MACdA,GAAG,CAACiB,OAAO,GAAGD,WAAW;IAC3B;IAEAf,qBAAqB,CAACe,WAAW,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EACN,MAAME,kBAAkB,GAAGjD,WAAW,CACnCkD,CAAoB,IAAK;IACxBjB,gBAAgB,CAACkB,KAAK,GAAGnC,cAAc,CAACgB,qBAAqB,CAACgB,OAAO,CAAC;IAEtE1B,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG4B,CAAC,CAAC;EACf,CAAC,EACD,CAAC5B,QAAQ,CACX,CAAC;;EAED;AACJ;AACA;EACI,MAAM8B,WAAW,GAAGpD,WAAW,CAC7B,CAACkD,CAAS,EAAEG,QAAiB,GAAG,KAAK,KAAK;IACxC,SAAS;;IAAC,IAAAC,aAAA,EAAAC,cAAA,EAAAC,cAAA;IAEV,IAAI,CAAC/B,OAAO,EAAE;MACZ,OAAO,CAAC;IACV;;IAEA;IACA,IAAI,EAAA6B,aAAA,GAAAX,MAAM,CAACQ,KAAK,cAAAG,aAAA,uBAAZA,aAAA,CAAcG,sBAAsB,MAAKxB,gBAAgB,CAACkB,KAAK,EAAE;MACnE,OAAO,CAAC;IACV;IAEA,MAAMO,WAAW,GAAGb,MAAM,GAAGR,cAAc,CAACc,KAAK;IACjD,MAAMQ,SAAS,GAAG,EAAAJ,cAAA,GAAAZ,MAAM,CAACQ,KAAK,cAAAI,cAAA,uBAAZA,cAAA,CAAcZ,MAAM,CAACgB,SAAS,KAAI,CAAC;IACrD,MAAMC,WAAW,GAAG,EAAAJ,cAAA,GAAAb,MAAM,CAACQ,KAAK,cAAAK,cAAA,uBAAZA,cAAA,CAAcb,MAAM,CAACE,MAAM,KAAI,CAAC;IACpD,MAAMgB,KAAK,GAAGF,SAAS,GAAGC,WAAW;IAErC,IAAIF,WAAW,GAAGG,KAAK,IAAItC,YAAY,EAAE;MACvC,MAAMuC,gBAAgB,GACpBzB,cAAc,CAACc,KAAK,IAAIN,MAAM,GAAGgB,KAAK,CAAC,GAAGtC,YAAY;MACxD,MAAMwC,oBAAoB,GAAG1D,WAAW,CACtC6C,CAAC,EACD,CAACV,mBAAmB,CAACW,KAAK,EAAEd,cAAc,CAACc,KAAK,CAAC,EACjD,CACE,CAAC,EACDhC,qCAAqC,CACnC2C,gBAAgB,GAAG5B,cAAc,CAACiB,KAAK,EACvCtB,aACF,CAAC,GAAGK,cAAc,CAACiB,KAAK,CAE5B,CAAC;MACD,MAAMa,aAAa,GACjBC,IAAI,CAACC,GAAG,CAACH,oBAAoB,EAAE,CAAC,CAAC,GAAG7B,cAAc,CAACiB,KAAK;MAE1D5C,QAAQ,CAACyB,qBAAqB,EAAE,CAAC,EAAEgC,aAAa,EAAEX,QAAQ,CAAC;MAE3D,OAAOU,oBAAoB;IAC7B;IAEA,IAAIF,KAAK,GAAG,CAAC,EAAE;MACb,MAAMM,gBAAgB,GAAGT,WAAW,GAAGnC,YAAY;MACnD,MAAM6C,WAAW,GAAGlC,cAAc,CAACiB,KAAK,GAAGU,KAAK;MAEhDtD,QAAQ,CACNyB,qBAAqB,EACrB,CAAC,EACDoC,WAAW,GAAGD,gBAAgB,EAC9Bd,QACF,CAAC;IACH;IAEA,OAAO,CAAC;EACV,CAAC,EACD,CAAC9B,YAAY,EAAEE,OAAO,EAAEoB,MAAM,EAAEhB,aAAa,CAC/C,CAAC;EACD,MAAMwC,iBAAiB,GAAGrE,WAAW,CAClCkD,CAAc,IAAK;IAClB,SAAS;;IAET,MAAMoB,aAAa,GAAGjE,WAAW,CAC/B6C,CAAC,CAACL,MAAM,EACR,CAAC,CAAC,EAAER,cAAc,CAACc,KAAK,CAAC,EACzB,CAAC,CAAC,EAAEd,cAAc,CAACc,KAAK,GAAGzB,kBAAkB,CAC/C,CAAC;IAEDU,0BAA0B,CAACe,KAAK,GAAGmB,aAAa;EAClD,CAAC,EACD,CAAC5C,kBAAkB,CACrB,CAAC;EAED,MAAM6C,yBAAyB,GAAGvE,WAAW,CAAC,MAAM;IAClD,SAAS;;IAAC,IAAAwE,oBAAA,EAAAC,YAAA;IAEV,MAAMC,YAAY,IAAAF,oBAAA,GAAG5B,aAAa,CAACO,KAAK,cAAAqB,oBAAA,uBAAnBA,oBAAA,CAAqBG,SAAS,CAACC,GAAG,CAACC,CAAC;IAEzD,IAAI,GAAAJ,YAAA,GAAC/B,KAAK,CAACS,KAAK,cAAAsB,YAAA,eAAXA,YAAA,CAAa9B,MAAM,KAAI,CAAC+B,YAAY,EAAE;MACzC,OAAO,KAAK;IACd;IAEA/B,MAAM,CAACQ,KAAK,GAAG;MACb,GAAGT,KAAK,CAACS,KAAK;MACdR,MAAM,EAAE;QACN,GAAGD,KAAK,CAACS,KAAK,CAACR,MAAM;QACrB;QACA;QACAE,MAAM,EAAEzC,KAAK,CAACsE,YAAY,EAAE,CAAC,EAAEhC,KAAK,CAACS,KAAK,CAACR,MAAM,CAACE,MAAM;MAC1D;IACF,CAAC;IAED,OAAO,IAAI;EACb,CAAC,EAAE,CAACH,KAAK,EAAEE,aAAa,EAAED,MAAM,CAAC,CAAC;EAClC,MAAMmC,yBAAyB,GAAG9E,WAAW,CAAC,MAAM;IAClD,SAAS;;IAET,MAAM+E,kBAAkB,GAAG7C,cAAc,CAACiB,KAAK;IAC/C,MAAM6B,UAAU,GAAGrC,MAAM,CAACQ,KAAK;IAE/B,IAAI,CAACoB,yBAAyB,CAAC,CAAC,EAAE;MAChC;IACF;;IAEA;IACArC,cAAc,CAACiB,KAAK,GAAGhB,QAAQ,CAACgB,KAAK;IACrCC,WAAW,CAACf,cAAc,CAACc,KAAK,EAAE,IAAI,CAAC;IACvCjB,cAAc,CAACiB,KAAK,GAAG4B,kBAAkB;IACzCpC,MAAM,CAACQ,KAAK,GAAG6B,UAAU;EAC3B,CAAC,EAAE,CAAC5B,WAAW,CAAC,CAAC;EACjB,MAAM6B,YAAY,GAAGjF,WAAW,CAAC,MAAM;IACrC,SAAS;;IAETkF,OAAO,CAACC,KAAK,CAAC,4BAA4B,CAAC;IAC3CL,yBAAyB,CAAC,CAAC;EAC7B,CAAC,EAAE,CAACA,yBAAyB,CAAC,CAAC;EAC/B,MAAMM,mBAAmB,GAAGlF,OAAO,CACjC,MAAMgB,QAAQ,CAAC+D,YAAY,EAAE,GAAG,CAAC,EACjC,CAACA,YAAY,CACf,CAAC;EACD,MAAMI,iBAAiB,GAAGrF,WAAW,CAClCkD,CAAoC,IAAK;IACxC,SAAS;;IAAC,IAAAoC,qBAAA,EAAAC,qBAAA;IAEV,MAAMC,UAAU,IAAAF,qBAAA,GAAG1C,aAAa,CAACO,KAAK,cAAAmC,qBAAA,uBAAnBA,qBAAA,CAAqBG,MAAM;IAC9C,MAAMC,eAAe,IAAAH,qBAAA,GAAG3C,aAAa,CAACO,KAAK,cAAAoC,qBAAA,uBAAnBA,qBAAA,CAAqBZ,SAAS;IAEtD/B,aAAa,CAACO,KAAK,GAAGD,CAAC;IAEvB,IAAIA,CAAC,CAACuC,MAAM,KAAKD,UAAU,EAAE;MAC3B;MACA;IACF;IACA;IACA;IACA,IACEtC,CAAC,CAACyB,SAAS,CAACC,GAAG,CAACzC,QAAQ,KAAKe,CAAC,CAACyB,SAAS,CAACgB,KAAK,CAACxD,QAAQ,IACvD,CAAAuD,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEd,GAAG,CAACC,CAAC,MAAK3B,CAAC,CAACyB,SAAS,CAACC,GAAG,CAACC,CAAC,EAC5C;MACA,OAAOC,yBAAyB,CAAC,CAAC;IACpC;IACA;IACA,IAAI5B,CAAC,CAACyB,SAAS,CAACgB,KAAK,CAACxD,QAAQ,KAAKe,CAAC,CAACyB,SAAS,CAACC,GAAG,CAACzC,QAAQ,EAAE;MAC3D,OAAO2C,yBAAyB,CAAC,CAAC;IACpC;IAEAM,mBAAmB,CAAC,CAAC;EACvB,CAAC,EACD,CAACN,yBAAyB,EAAEM,mBAAmB,CACjD,CAAC;EAEDvE,sBAAsB,CACpB;IACEwE,iBAAiB,EAAEA;EACrB,CAAC,EACD,CAACA,iBAAiB,CACpB,CAAC;EAEDpE,wBAAwB,CACtB;IACE2E,OAAO,EAAG1C,CAAC,IAAK;MACd,SAAS;;MAET,MAAM2C,sBAAsB,GAC1BxD,cAAc,CAACc,KAAK,KAAKD,CAAC,CAACL,MAAM,IAAIK,CAAC,CAACL,MAAM,GAAG,CAAC;MAEnDP,kBAAkB,CAACa,KAAK,GAAGD,CAAC,CAACL,MAAM,GAAG,CAAC,IAAIR,cAAc,CAACc,KAAK,KAAK,CAAC;MAErE,MAAM2C,gBAAgB,GAAG5C,CAAC,CAACL,MAAM,KAAK,CAAC;MACvC,MAAMkD,eAAe,GAClBxD,GAAG,CAACY,KAAK,KAAKD,CAAC,CAACuC,MAAM,IAAIvC,CAAC,CAACuC,MAAM,KAAK,CAAC,CAAC,IAC1CI,sBAAsB;MAExB,IAAIA,sBAAsB,EAAE;QAC1BrD,mBAAmB,CAACW,KAAK,GAAGd,cAAc,CAACc,KAAK;MAClD;MAEA,IAAI2C,gBAAgB,EAAE;QACpB;QACAtD,mBAAmB,CAACW,KAAK,GAAG,CAAC;QAC7BjB,cAAc,CAACiB,KAAK,GAAGV,4BAA4B,CAACU,KAAK;MAC3D;MAEA,IACEb,kBAAkB,CAACa,KAAK,IACxB0C,sBAAsB,IACtBE,eAAe,EACf;QACA;QACA7D,cAAc,CAACiB,KAAK,GAAGhB,QAAQ,CAACgB,KAAK;QACrC;QACAd,cAAc,CAACc,KAAK,GAAGD,CAAC,CAACL,MAAM;MACjC;;MAEA;MACA,IAAIkD,eAAe,EAAE;QACnBxD,GAAG,CAACY,KAAK,GAAGD,CAAC,CAACuC,MAAM;QACpB;QACAlB,yBAAyB,CAAC,CAAC;QAC3B;QACA;QACA9B,4BAA4B,CAACU,KAAK,GAAGhB,QAAQ,CAACgB,KAAK;MACrD;MAEA,IAAI4C,eAAe,IAAI,CAACzD,kBAAkB,CAACa,KAAK,EAAE;QAChD;QACA;QACAhB,QAAQ,CAACgB,KAAK,IAAIC,WAAW,CAACF,CAAC,CAACL,MAAM,EAAE,IAAI,CAAC;MAC/C;IACF,CAAC;IACDmD,MAAM,EAAG9C,CAAC,IAAK;MACb,SAAS;;MAETmB,iBAAiB,CAACnB,CAAC,CAAC;;MAEpB;MACA,IAAI,CAAC1B,2BAA2B,IAAIc,kBAAkB,CAACa,KAAK,EAAE;QAC5DC,WAAW,CAACF,CAAC,CAACL,MAAM,CAAC;MACvB;IACF,CAAC;IACDoD,KAAK,EAAG/C,CAAC,IAAK;MACZ,SAAS;;MAETb,cAAc,CAACc,KAAK,GAAGD,CAAC,CAACL,MAAM;MAC/BX,cAAc,CAACiB,KAAK,GAAGhB,QAAQ,CAACgB,KAAK;MAErCkB,iBAAiB,CAACnB,CAAC,CAAC;IACtB;EACF,CAAC,EACD,CAACE,WAAW,EAAE5B,2BAA2B,EAAE6C,iBAAiB,CAC9D,CAAC;EAEDpE,SAAS,CAAC,MAAM;IACdK,OAAO,CAAC8C,WAAW,CAAC,CAACf,cAAc,CAACc,KAAK,EAAE,IAAI,CAAC;EAClD,CAAC,EAAE,CAAC5B,YAAY,CAAC,CAAC;EAElBf,mBAAmB,CACjB,MAAMkC,KAAK,CAACS,KAAK,EACjB,CAACH,OAAO,EAAEkD,QAAQ,KAAK;IACrB,IACE,CAAAlD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEyC,MAAM,OAAKS,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAET,MAAM,KACpC,CAAAzC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEL,MAAM,CAACE,MAAM,OAAKqD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEvD,MAAM,CAACE,MAAM,GAClD;MACA;MACA;MACA;MACAiC,yBAAyB,CAAC,CAAC;IAC7B;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMqB,IAAI,GAAGzF,gBAAgB,CAC3B,MACEe,OAAO,GACH;IACE;IACA;IACA;IACA;IACA;IACA;IACA2E,aAAa,EAAEhE,0BAA0B,CAACe,KAAK,GAAG;EACpD,CAAC,GACD,CAAC,CAAC,EACR,CAAC1B,OAAO,CACV,CAAC;EAED,oBACE3B,KAAA,CAAAuG,aAAA,CAAC1E,mBAAmB,EAAA2E,QAAA;IAClBvE,GAAG,EAAEe;EAAM,GACPhB,IAAI;IACRyE,mBAAmB,EAAE,EAAG;IACxBjF,QAAQ,EAAE2B;EAAmB,IAE5B5B,QAAQ,EACRI,OAAO,iBAAI3B,KAAA,CAAAuG,aAAA,CAAClG,UAAU,CAACqG,IAAI;IAACC,KAAK,EAAEN;EAAK,CAAE,CACxB,CAAC;AAE1B,CACF,CAAC;AAED,eAAe/E,uBAAuB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","Reanimated","clamp","interpolate","runOnUI","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedStyle","useScrollViewOffset","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useWindowDimensions","findNodeHandle","useSmoothKeyboardHandler","debounce","scrollDistanceWithRespectToSnapPoints","KeyboardAwareScrollView","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","scrollViewTarget","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","layout","lastSelection","height","onRef","assignedRef","current","onScrollViewLayout","e","value","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","targetScrollY","Math","max","positionOnScreen","topOfScreen","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","scrollFromCurrentPosition","prevScrollPosition","prevLayout","onChangeText","onChangeTextHandler","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","previous","view","paddingBottom","createElement","_extends","scrollEventThrottle","View","style"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } from \"react\";\nimport Reanimated, {\n clamp,\n interpolate,\n runOnUI,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useAnimatedStyle,\n useScrollViewOffset,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"../../hooks\";\nimport { findNodeHandle } from \"../../utils/findNodeHandle\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type {\n FocusedInputLayoutChangedEvent,\n FocusedInputSelectionChangedEvent,\n NativeEvent,\n} from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between the keyboard and the caret inside a focused `TextInput` when the keyboard is shown. Default is `0`. */\n bottomOffset?: number;\n /** Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false`. */\n disableScrollOnKeyboardHide?: boolean;\n /** Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`. */\n enabled?: boolean;\n /** Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. */\n extraKeyboardSpace?: number;\n /** Custom component for `ScrollView`. Default is `ScrollView`. */\n ScrollViewComponent?: React.ComponentType<ScrollViewProps>;\n} & ScrollViewProps;\n\n// Everything begins from `onStart` handler. This handler is called every time,\n// when keyboard changes its size or when focused `TextInput` was changed. In\n// this handler we are calculating/memoizing values which later will be used\n// during layout movement. For that we calculate:\n// - layout of focused field (`layout`) - to understand whether there will be overlap\n// - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\n// - future keyboard height (`keyboardHeight`) - used in scroll interpolation\n// - current scroll position (`scrollPosition`) - used to scroll from this point\n//\n// Once we've calculated all necessary variables - we can actually start to use them.\n// It happens in `onMove` handler - this function simply calls `maybeScroll` with\n// current keyboard frame height. This functions makes the smooth transition.\n//\n// When the transition has finished we go to `onEnd` handler. In this handler\n// we verify, that the current field is not overlapped within a keyboard frame.\n// For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\n// however there could be some cases, when `onMove` is not called:\n// - on iOS when TextInput was changed - keyboard transition is instant\n// - on Android when TextInput was changed and keyboard size wasn't changed\n// So `onEnd` handler handle the case, when `onMove` wasn't triggered.\n//\n// ====================================================================================================================+\n// -----------------------------------------------------Flow chart-----------------------------------------------------+\n// ====================================================================================================================+\n//\n// +============================+ +============================+ +==================================+\n// + User Press on TextInput + => + Keyboard starts showing + => + As keyboard moves frame by frame + =>\n// + + + (run `onStart`) + + `onMove` is getting called +\n// +============================+ +============================+ +==================================+\n//\n// +============================+ +============================+ +=====================================+\n// + Keyboard is shown and we + => + User moved focus to + => + Only `onStart`/`onEnd` maybe called +\n// + call `onEnd` handler + + another `TextInput` + + (without involving `onMove`) +\n// +============================+ +============================+ +=====================================+\n//\n\n/**\n * A ScrollView component that automatically handles keyboard appearance and disappearance\n * by adjusting its content position to ensure the focused input remains visible.\n *\n * The component uses a sophisticated animation system to smoothly handle keyboard transitions\n * and maintain proper scroll position during keyboard interactions.\n *\n * @returns A ScrollView component that handles keyboard interactions.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardAwareScrollView bottomOffset={20}>\n * <TextInput placeholder=\"Enter text\" />\n * <TextInput placeholder=\"Another input\" />\n * </KeyboardAwareScrollView>\n * ```\n */\nconst KeyboardAwareScrollView = forwardRef<\n ScrollView,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n extraKeyboardSpace = 0,\n ScrollViewComponent = Reanimated.ScrollView,\n snapToOffsets,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewTarget = useSharedValue<number | null>(null);\n const scrollPosition = useSharedValue(0);\n const position = useScrollViewOffset(scrollViewAnimatedRef);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\n }, []);\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /**\n * Function that will scroll a ScrollView as keyboard gets moving.\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY || 0;\n const inputHeight = layout.value?.layout.height || 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (point < 0) {\n const positionOnScreen = visibleRect - bottomOffset;\n const topOfScreen = scrollPosition.value + point;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, height, snapToOffsets],\n );\n const syncKeyboardFrame = useCallback(\n (e: NativeEvent) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n\n currentKeyboardFrameHeight.value = keyboardFrame;\n },\n [extraKeyboardSpace],\n );\n\n const updateLayoutFromSelection = useCallback(() => {\n \"worklet\";\n\n const customHeight = lastSelection.value?.selection.end.y;\n\n if (!input.value?.layout || !customHeight) {\n return false;\n }\n\n layout.value = {\n ...input.value,\n layout: {\n ...input.value.layout,\n // when we have multiline input with limited amount of lines, then custom height can be very big\n // so we clamp it to max input height\n height: clamp(customHeight, 0, input.value.layout.height),\n },\n };\n\n return true;\n }, [input, lastSelection, layout]);\n const scrollFromCurrentPosition = useCallback(() => {\n \"worklet\";\n\n const prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n if (!updateLayoutFromSelection()) {\n return;\n }\n\n // eslint-disable-next-line react-compiler/react-compiler\n scrollPosition.value = position.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\n const onChangeText = useCallback(() => {\n \"worklet\";\n scrollFromCurrentPosition();\n }, [scrollFromCurrentPosition]);\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n const onSelectionChange = useCallback(\n (e: FocusedInputSelectionChangedEvent) => {\n \"worklet\";\n\n const lastTarget = lastSelection.value?.target;\n const latestSelection = lastSelection.value?.selection;\n\n lastSelection.value = e;\n\n if (e.target !== lastTarget) {\n // ignore this event, because \"focus changed\" event handled in `useSmoothKeyboardHandler`\n return;\n }\n // caret in the end + end coordinates has been changed -> we moved to a new line\n // so input may grow\n if (\n e.selection.end.position === e.selection.start.position &&\n latestSelection?.end.y !== e.selection.end.y\n ) {\n return scrollFromCurrentPosition();\n }\n // selection has been changed\n if (e.selection.start.position !== e.selection.end.position) {\n return scrollFromCurrentPosition();\n }\n\n onChangeTextHandler();\n },\n [scrollFromCurrentPosition, onChangeTextHandler],\n );\n\n useFocusedInputHandler(\n {\n onSelectionChange: onSelectionChange,\n },\n [onSelectionChange],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) ||\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n }\n\n if (\n keyboardWillAppear.value ||\n keyboardWillChangeSize ||\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n // save position of focused text input when keyboard starts to move\n updateLayoutFromSelection();\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n syncKeyboardFrame(e);\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n\n syncKeyboardFrame(e);\n },\n },\n [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame],\n );\n\n useEffect(() => {\n runOnUI(maybeScroll)(keyboardHeight.value, true);\n }, [bottomOffset]);\n\n useAnimatedReaction(\n () => input.value,\n (current, previous) => {\n if (\n current?.target === previous?.target &&\n current?.layout.height !== previous?.layout.height\n ) {\n // input has changed layout - let's check if we need to scroll\n // may happen when you paste text, then onSelectionChange will be\n // fired earlier than text actually changes its layout\n scrollFromCurrentPosition();\n }\n },\n [],\n );\n\n const view = useAnimatedStyle(\n () =>\n enabled\n ? {\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n paddingBottom: currentKeyboardFrameHeight.value + 1,\n }\n : {},\n [enabled],\n );\n\n return (\n <ScrollViewComponent\n ref={onRef}\n {...rest}\n scrollEventThrottle={16}\n onLayout={onScrollViewLayout}\n >\n {children}\n {enabled && <Reanimated.View style={view} />}\n </ScrollViewComponent>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC1E,OAAOC,UAAU,IACfC,KAAK,EACLC,WAAW,EACXC,OAAO,EACPC,QAAQ,EACRC,mBAAmB,EACnBC,cAAc,EACdC,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,QACT,yBAAyB;AAEhC,SACEC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,aAAa;AACpB,SAASC,cAAc,QAAQ,4BAA4B;AAE3D,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,EAAEC,qCAAqC,QAAQ,SAAS;AA0BzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,uBAAuB,gBAAGrB,UAAU,CAIxC,CACE;EACEsB,QAAQ;EACRC,QAAQ;EACRC,YAAY,GAAG,CAAC;EAChBC,2BAA2B,GAAG,KAAK;EACnCC,OAAO,GAAG,IAAI;EACdC,kBAAkB,GAAG,CAAC;EACtBC,mBAAmB,GAAGxB,UAAU,CAACyB,UAAU;EAC3CC,aAAa;EACb,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,qBAAqB,GAAGvB,cAAc,CAAwB,CAAC;EACrE,MAAMwB,gBAAgB,GAAGrB,cAAc,CAAgB,IAAI,CAAC;EAC5D,MAAMsB,cAAc,GAAGtB,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMuB,QAAQ,GAAGxB,mBAAmB,CAACqB,qBAAqB,CAAC;EAC3D,MAAMI,0BAA0B,GAAGxB,cAAc,CAAC,CAAC,CAAC;EACpD,MAAMyB,cAAc,GAAGzB,cAAc,CAAC,CAAC,CAAC;EACxC,MAAM0B,kBAAkB,GAAG1B,cAAc,CAAC,KAAK,CAAC;EAChD,MAAM2B,GAAG,GAAG3B,cAAc,CAAC,CAAC,CAAC,CAAC;EAC9B,MAAM4B,mBAAmB,GAAG5B,cAAc,CAAC,CAAC,CAAC;EAC7C,MAAM6B,4BAA4B,GAAG7B,cAAc,CAAC,CAAC,CAAC;EACtD,MAAM;IAAE8B;EAAM,CAAC,GAAG5B,yBAAyB,CAAC,CAAC;EAC7C,MAAM6B,MAAM,GAAG/B,cAAc,CAAwC,IAAI,CAAC;EAC1E,MAAMgC,aAAa,GACjBhC,cAAc,CAA2C,IAAI,CAAC;EAEhE,MAAM;IAAEiC;EAAO,CAAC,GAAG9B,mBAAmB,CAAC,CAAC;EAExC,MAAM+B,KAAK,GAAG9C,WAAW,CAAE+C,WAAkC,IAAK;IAChE,IAAI,OAAOhB,GAAG,KAAK,UAAU,EAAE;MAC7BA,GAAG,CAACgB,WAAW,CAAC;IAClB,CAAC,MAAM,IAAIhB,GAAG,EAAE;MACdA,GAAG,CAACiB,OAAO,GAAGD,WAAW;IAC3B;IAEAf,qBAAqB,CAACe,WAAW,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EACN,MAAME,kBAAkB,GAAGjD,WAAW,CACnCkD,CAAoB,IAAK;IACxBjB,gBAAgB,CAACkB,KAAK,GAAGnC,cAAc,CAACgB,qBAAqB,CAACgB,OAAO,CAAC;IAEtE1B,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG4B,CAAC,CAAC;EACf,CAAC,EACD,CAAC5B,QAAQ,CACX,CAAC;;EAED;AACJ;AACA;EACI,MAAM8B,WAAW,GAAGpD,WAAW,CAC7B,CAACkD,CAAS,EAAEG,QAAiB,GAAG,KAAK,KAAK;IACxC,SAAS;;IAAC,IAAAC,aAAA,EAAAC,cAAA,EAAAC,cAAA;IAEV,IAAI,CAAC/B,OAAO,EAAE;MACZ,OAAO,CAAC;IACV;;IAEA;IACA,IAAI,EAAA6B,aAAA,GAAAX,MAAM,CAACQ,KAAK,cAAAG,aAAA,uBAAZA,aAAA,CAAcG,sBAAsB,MAAKxB,gBAAgB,CAACkB,KAAK,EAAE;MACnE,OAAO,CAAC;IACV;IAEA,MAAMO,WAAW,GAAGb,MAAM,GAAGR,cAAc,CAACc,KAAK;IACjD,MAAMQ,SAAS,GAAG,EAAAJ,cAAA,GAAAZ,MAAM,CAACQ,KAAK,cAAAI,cAAA,uBAAZA,cAAA,CAAcZ,MAAM,CAACgB,SAAS,KAAI,CAAC;IACrD,MAAMC,WAAW,GAAG,EAAAJ,cAAA,GAAAb,MAAM,CAACQ,KAAK,cAAAK,cAAA,uBAAZA,cAAA,CAAcb,MAAM,CAACE,MAAM,KAAI,CAAC;IACpD,MAAMgB,KAAK,GAAGF,SAAS,GAAGC,WAAW;IAErC,IAAIF,WAAW,GAAGG,KAAK,IAAItC,YAAY,EAAE;MACvC,MAAMuC,gBAAgB,GACpBzB,cAAc,CAACc,KAAK,IAAIN,MAAM,GAAGgB,KAAK,CAAC,GAAGtC,YAAY;MACxD,MAAMwC,oBAAoB,GAAG1D,WAAW,CACtC6C,CAAC,EACD,CAACV,mBAAmB,CAACW,KAAK,EAAEd,cAAc,CAACc,KAAK,CAAC,EACjD,CACE,CAAC,EACDhC,qCAAqC,CACnC2C,gBAAgB,GAAG5B,cAAc,CAACiB,KAAK,EACvCtB,aACF,CAAC,GAAGK,cAAc,CAACiB,KAAK,CAE5B,CAAC;MACD,MAAMa,aAAa,GACjBC,IAAI,CAACC,GAAG,CAACH,oBAAoB,EAAE,CAAC,CAAC,GAAG7B,cAAc,CAACiB,KAAK;MAE1D5C,QAAQ,CAACyB,qBAAqB,EAAE,CAAC,EAAEgC,aAAa,EAAEX,QAAQ,CAAC;MAE3D,OAAOU,oBAAoB;IAC7B;IAEA,IAAIF,KAAK,GAAG,CAAC,EAAE;MACb,MAAMM,gBAAgB,GAAGT,WAAW,GAAGnC,YAAY;MACnD,MAAM6C,WAAW,GAAGlC,cAAc,CAACiB,KAAK,GAAGU,KAAK;MAEhDtD,QAAQ,CACNyB,qBAAqB,EACrB,CAAC,EACDoC,WAAW,GAAGD,gBAAgB,EAC9Bd,QACF,CAAC;IACH;IAEA,OAAO,CAAC;EACV,CAAC,EACD,CAAC9B,YAAY,EAAEE,OAAO,EAAEoB,MAAM,EAAEhB,aAAa,CAC/C,CAAC;EACD,MAAMwC,iBAAiB,GAAGrE,WAAW,CAClCkD,CAAc,IAAK;IAClB,SAAS;;IAET,MAAMoB,aAAa,GAAGjE,WAAW,CAC/B6C,CAAC,CAACL,MAAM,EACR,CAAC,CAAC,EAAER,cAAc,CAACc,KAAK,CAAC,EACzB,CAAC,CAAC,EAAEd,cAAc,CAACc,KAAK,GAAGzB,kBAAkB,CAC/C,CAAC;IAEDU,0BAA0B,CAACe,KAAK,GAAGmB,aAAa;EAClD,CAAC,EACD,CAAC5C,kBAAkB,CACrB,CAAC;EAED,MAAM6C,yBAAyB,GAAGvE,WAAW,CAAC,MAAM;IAClD,SAAS;;IAAC,IAAAwE,oBAAA,EAAAC,YAAA;IAEV,MAAMC,YAAY,IAAAF,oBAAA,GAAG5B,aAAa,CAACO,KAAK,cAAAqB,oBAAA,uBAAnBA,oBAAA,CAAqBG,SAAS,CAACC,GAAG,CAACC,CAAC;IAEzD,IAAI,GAAAJ,YAAA,GAAC/B,KAAK,CAACS,KAAK,cAAAsB,YAAA,eAAXA,YAAA,CAAa9B,MAAM,KAAI,CAAC+B,YAAY,EAAE;MACzC,OAAO,KAAK;IACd;IAEA/B,MAAM,CAACQ,KAAK,GAAG;MACb,GAAGT,KAAK,CAACS,KAAK;MACdR,MAAM,EAAE;QACN,GAAGD,KAAK,CAACS,KAAK,CAACR,MAAM;QACrB;QACA;QACAE,MAAM,EAAEzC,KAAK,CAACsE,YAAY,EAAE,CAAC,EAAEhC,KAAK,CAACS,KAAK,CAACR,MAAM,CAACE,MAAM;MAC1D;IACF,CAAC;IAED,OAAO,IAAI;EACb,CAAC,EAAE,CAACH,KAAK,EAAEE,aAAa,EAAED,MAAM,CAAC,CAAC;EAClC,MAAMmC,yBAAyB,GAAG9E,WAAW,CAAC,MAAM;IAClD,SAAS;;IAET,MAAM+E,kBAAkB,GAAG7C,cAAc,CAACiB,KAAK;IAC/C,MAAM6B,UAAU,GAAGrC,MAAM,CAACQ,KAAK;IAE/B,IAAI,CAACoB,yBAAyB,CAAC,CAAC,EAAE;MAChC;IACF;;IAEA;IACArC,cAAc,CAACiB,KAAK,GAAGhB,QAAQ,CAACgB,KAAK;IACrCC,WAAW,CAACf,cAAc,CAACc,KAAK,EAAE,IAAI,CAAC;IACvCjB,cAAc,CAACiB,KAAK,GAAG4B,kBAAkB;IACzCpC,MAAM,CAACQ,KAAK,GAAG6B,UAAU;EAC3B,CAAC,EAAE,CAAC5B,WAAW,CAAC,CAAC;EACjB,MAAM6B,YAAY,GAAGjF,WAAW,CAAC,MAAM;IACrC,SAAS;;IACT8E,yBAAyB,CAAC,CAAC;EAC7B,CAAC,EAAE,CAACA,yBAAyB,CAAC,CAAC;EAC/B,MAAMI,mBAAmB,GAAGhF,OAAO,CACjC,MAAMgB,QAAQ,CAAC+D,YAAY,EAAE,GAAG,CAAC,EACjC,CAACA,YAAY,CACf,CAAC;EACD,MAAME,iBAAiB,GAAGnF,WAAW,CAClCkD,CAAoC,IAAK;IACxC,SAAS;;IAAC,IAAAkC,qBAAA,EAAAC,qBAAA;IAEV,MAAMC,UAAU,IAAAF,qBAAA,GAAGxC,aAAa,CAACO,KAAK,cAAAiC,qBAAA,uBAAnBA,qBAAA,CAAqBG,MAAM;IAC9C,MAAMC,eAAe,IAAAH,qBAAA,GAAGzC,aAAa,CAACO,KAAK,cAAAkC,qBAAA,uBAAnBA,qBAAA,CAAqBV,SAAS;IAEtD/B,aAAa,CAACO,KAAK,GAAGD,CAAC;IAEvB,IAAIA,CAAC,CAACqC,MAAM,KAAKD,UAAU,EAAE;MAC3B;MACA;IACF;IACA;IACA;IACA,IACEpC,CAAC,CAACyB,SAAS,CAACC,GAAG,CAACzC,QAAQ,KAAKe,CAAC,CAACyB,SAAS,CAACc,KAAK,CAACtD,QAAQ,IACvD,CAAAqD,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEZ,GAAG,CAACC,CAAC,MAAK3B,CAAC,CAACyB,SAAS,CAACC,GAAG,CAACC,CAAC,EAC5C;MACA,OAAOC,yBAAyB,CAAC,CAAC;IACpC;IACA;IACA,IAAI5B,CAAC,CAACyB,SAAS,CAACc,KAAK,CAACtD,QAAQ,KAAKe,CAAC,CAACyB,SAAS,CAACC,GAAG,CAACzC,QAAQ,EAAE;MAC3D,OAAO2C,yBAAyB,CAAC,CAAC;IACpC;IAEAI,mBAAmB,CAAC,CAAC;EACvB,CAAC,EACD,CAACJ,yBAAyB,EAAEI,mBAAmB,CACjD,CAAC;EAEDrE,sBAAsB,CACpB;IACEsE,iBAAiB,EAAEA;EACrB,CAAC,EACD,CAACA,iBAAiB,CACpB,CAAC;EAEDlE,wBAAwB,CACtB;IACEyE,OAAO,EAAGxC,CAAC,IAAK;MACd,SAAS;;MAET,MAAMyC,sBAAsB,GAC1BtD,cAAc,CAACc,KAAK,KAAKD,CAAC,CAACL,MAAM,IAAIK,CAAC,CAACL,MAAM,GAAG,CAAC;MAEnDP,kBAAkB,CAACa,KAAK,GAAGD,CAAC,CAACL,MAAM,GAAG,CAAC,IAAIR,cAAc,CAACc,KAAK,KAAK,CAAC;MAErE,MAAMyC,gBAAgB,GAAG1C,CAAC,CAACL,MAAM,KAAK,CAAC;MACvC,MAAMgD,eAAe,GAClBtD,GAAG,CAACY,KAAK,KAAKD,CAAC,CAACqC,MAAM,IAAIrC,CAAC,CAACqC,MAAM,KAAK,CAAC,CAAC,IAC1CI,sBAAsB;MAExB,IAAIA,sBAAsB,EAAE;QAC1BnD,mBAAmB,CAACW,KAAK,GAAGd,cAAc,CAACc,KAAK;MAClD;MAEA,IAAIyC,gBAAgB,EAAE;QACpB;QACApD,mBAAmB,CAACW,KAAK,GAAG,CAAC;QAC7BjB,cAAc,CAACiB,KAAK,GAAGV,4BAA4B,CAACU,KAAK;MAC3D;MAEA,IACEb,kBAAkB,CAACa,KAAK,IACxBwC,sBAAsB,IACtBE,eAAe,EACf;QACA;QACA3D,cAAc,CAACiB,KAAK,GAAGhB,QAAQ,CAACgB,KAAK;QACrC;QACAd,cAAc,CAACc,KAAK,GAAGD,CAAC,CAACL,MAAM;MACjC;;MAEA;MACA,IAAIgD,eAAe,EAAE;QACnBtD,GAAG,CAACY,KAAK,GAAGD,CAAC,CAACqC,MAAM;QACpB;QACAhB,yBAAyB,CAAC,CAAC;QAC3B;QACA;QACA9B,4BAA4B,CAACU,KAAK,GAAGhB,QAAQ,CAACgB,KAAK;MACrD;MAEA,IAAI0C,eAAe,IAAI,CAACvD,kBAAkB,CAACa,KAAK,EAAE;QAChD;QACA;QACAhB,QAAQ,CAACgB,KAAK,IAAIC,WAAW,CAACF,CAAC,CAACL,MAAM,EAAE,IAAI,CAAC;MAC/C;IACF,CAAC;IACDiD,MAAM,EAAG5C,CAAC,IAAK;MACb,SAAS;;MAETmB,iBAAiB,CAACnB,CAAC,CAAC;;MAEpB;MACA,IAAI,CAAC1B,2BAA2B,IAAIc,kBAAkB,CAACa,KAAK,EAAE;QAC5DC,WAAW,CAACF,CAAC,CAACL,MAAM,CAAC;MACvB;IACF,CAAC;IACDkD,KAAK,EAAG7C,CAAC,IAAK;MACZ,SAAS;;MAETb,cAAc,CAACc,KAAK,GAAGD,CAAC,CAACL,MAAM;MAC/BX,cAAc,CAACiB,KAAK,GAAGhB,QAAQ,CAACgB,KAAK;MAErCkB,iBAAiB,CAACnB,CAAC,CAAC;IACtB;EACF,CAAC,EACD,CAACE,WAAW,EAAE5B,2BAA2B,EAAE6C,iBAAiB,CAC9D,CAAC;EAEDpE,SAAS,CAAC,MAAM;IACdK,OAAO,CAAC8C,WAAW,CAAC,CAACf,cAAc,CAACc,KAAK,EAAE,IAAI,CAAC;EAClD,CAAC,EAAE,CAAC5B,YAAY,CAAC,CAAC;EAElBf,mBAAmB,CACjB,MAAMkC,KAAK,CAACS,KAAK,EACjB,CAACH,OAAO,EAAEgD,QAAQ,KAAK;IACrB,IACE,CAAAhD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEuC,MAAM,OAAKS,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAET,MAAM,KACpC,CAAAvC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEL,MAAM,CAACE,MAAM,OAAKmD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAErD,MAAM,CAACE,MAAM,GAClD;MACA;MACA;MACA;MACAiC,yBAAyB,CAAC,CAAC;IAC7B;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMmB,IAAI,GAAGvF,gBAAgB,CAC3B,MACEe,OAAO,GACH;IACE;IACA;IACA;IACA;IACA;IACA;IACAyE,aAAa,EAAE9D,0BAA0B,CAACe,KAAK,GAAG;EACpD,CAAC,GACD,CAAC,CAAC,EACR,CAAC1B,OAAO,CACV,CAAC;EAED,oBACE3B,KAAA,CAAAqG,aAAA,CAACxE,mBAAmB,EAAAyE,QAAA;IAClBrE,GAAG,EAAEe;EAAM,GACPhB,IAAI;IACRuE,mBAAmB,EAAE,EAAG;IACxB/E,QAAQ,EAAE2B;EAAmB,IAE5B5B,QAAQ,EACRI,OAAO,iBAAI3B,KAAA,CAAAqG,aAAA,CAAChG,UAAU,CAACmG,IAAI;IAACC,KAAK,EAAEN;EAAK,CAAE,CACxB,CAAC;AAE1B,CACF,CAAC;AAED,eAAe7E,uBAAuB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n /**\n * Determines how the keyboard position will be controlled:\n * - `ios` - keyboard will be following finger only when finger touches keyboard\n * - `linear` - keyboard will be following finger position linearly.\n *\n * @platform android\n */\n interpolator?: \"ios\" | \"linear\";\n /**\n * Whether to allow to show a keyboard from dismissed state by swipe up.\n * Default to `false`.\n *\n * @platform android\n */\n showOnSwipeUp?: boolean;\n /**\n * Whether to allow to control a keyboard by gestures. The strategy how\n * it should be controlled is determined by `interpolator` property.\n * Defaults to `true`.\n *\n * @platform android\n */\n enableSwipeToDismiss?: boolean;\n /**\n * Extra distance to the keyboard.\n */\n offset?: number;\n /**\n * A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n * This is **required on iOS** in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n * will receive offset behavior.\n *\n * @platform ios\n */\n textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n /**\n * A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n */\n visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n /** Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */\n enabled
|
|
1
|
+
{"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n /**\n * Determines how the keyboard position will be controlled:\n * - `ios` - keyboard will be following finger only when finger touches keyboard\n * - `linear` - keyboard will be following finger position linearly.\n *\n * @platform android\n */\n interpolator?: \"ios\" | \"linear\";\n /**\n * Whether to allow to show a keyboard from dismissed state by swipe up.\n * Default to `false`.\n *\n * @platform android\n */\n showOnSwipeUp?: boolean;\n /**\n * Whether to allow to control a keyboard by gestures. The strategy how\n * it should be controlled is determined by `interpolator` property.\n * Defaults to `true`.\n *\n * @platform android\n */\n enableSwipeToDismiss?: boolean;\n /**\n * Extra distance to the keyboard.\n */\n offset?: number;\n /**\n * A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n * This is **required on iOS** in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n * will receive offset behavior.\n *\n * @platform ios\n */\n textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n /**\n * A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n */\n visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n /** Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */\n enabled?: boolean;\n}>;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -46,5 +46,5 @@ export type OverKeyboardViewProps = PropsWithChildren<{
|
|
|
46
46
|
export type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;
|
|
47
47
|
export type KeyboardExtenderProps = PropsWithChildren<{
|
|
48
48
|
/** Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */
|
|
49
|
-
enabled
|
|
49
|
+
enabled?: boolean;
|
|
50
50
|
}>;
|
package/package.json
CHANGED
|
@@ -264,8 +264,6 @@ const KeyboardAwareScrollView = forwardRef<
|
|
|
264
264
|
}, [maybeScroll]);
|
|
265
265
|
const onChangeText = useCallback(() => {
|
|
266
266
|
"worklet";
|
|
267
|
-
|
|
268
|
-
console.debug("maybeScroll - onChangeText");
|
|
269
267
|
scrollFromCurrentPosition();
|
|
270
268
|
}, [scrollFromCurrentPosition]);
|
|
271
269
|
const onChangeTextHandler = useMemo(
|
package/src/types/views.ts
CHANGED
|
@@ -47,5 +47,5 @@ export type OverKeyboardViewProps = PropsWithChildren<{
|
|
|
47
47
|
export type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;
|
|
48
48
|
export type KeyboardExtenderProps = PropsWithChildren<{
|
|
49
49
|
/** Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */
|
|
50
|
-
enabled
|
|
50
|
+
enabled?: boolean;
|
|
51
51
|
}>;
|