Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[PanResponder]:TOO BIG formatValueCalls 228 exceeded limit of 200 #28976

Closed
KingAmo opened this issue May 26, 2020 · 1 comment
Closed

[PanResponder]:TOO BIG formatValueCalls 228 exceeded limit of 200 #28976

KingAmo opened this issue May 26, 2020 · 1 comment

Comments

@KingAmo
Copy link

KingAmo commented May 26, 2020

Description

my code is something like this:

      <View
        style={styles.container}
        onLayout={this.onLayout}
        {...this.panResponder.panHandlers}
      >
       ...
      </View>

and children could be ScrollView or FlatList, in some device(for example iPhone X), lists could not scroll up, scroll down is ok; but in iPhone 11 pro max, everything is fine, and there are logs in XCode:

2020-05-26 16:54:10.793 [info][tid:com.facebook.react.JavaScript] 888, { dispatchConfig: 
   { phasedRegistrationNames: 
      { bubbled: 'onStartShouldSetResponder',
        captured: 'onStartShouldSetResponderCapture' },
     dependencies: [ 'topTouchStart' ] },
  _targetInst: 
   { tag: 5,
     key: null,
     elementType: 'RCTText',
     type: 'RCTText',
     stateNode: 
      { _nativeTag: 823,
        _children: [ 819 ],
        viewConfig: 
         { validAttributes: 
            { pointerEvents: true,
              accessible: true,
              accessibilityActions: true,
              accessibilityLabel: true,
              accessibilityLiveRegion: true,
              accessibilityRole: true,
              accessibilityState: true,
              accessibilityValue: true,
              accessibilityHint: true,
              importantForAccessibility: true,
              nativeID: true,
              testID: true,
              renderToHardwareTextureAndroid: true,
              shouldRasterizeIOS: true,
              onLayout: true,
              onAccessibilityAction: true,
              onAccessibilityTap: true,
              onMagicTap: true,
              onAccessibilityEscape: true,
              collapsable: true,
              needsOffscreenAlphaCompositing: true,
              style: 
               { display: true,
                 width: true,
                 height: true,
                 start: true,
                 end: true,
                 top: true,
                 left: true,
                 right: true,
                 bottom: true,
                 minWidth: true,
                 maxWidth: true,
                 minHeight: true,
                 maxHeight: true,
                 margin: true,
                 marginVertical: true,
                 marginHorizontal: true,
                 marginTop: true,
                 marginBottom: true,
                 marginLeft: true,
                 marginRight: true,
                 marginStart: true,
                 marginEnd: true,
                 padding: true,
                 paddingVertical: true,
                 paddingHorizontal: true,
                 paddingTop: true,
                 paddingBottom: true,
                 paddingLeft: true,
                 paddingRight: true,
                 paddingStart: true,
                 paddingEnd: true,
                 borderWidth: true,
                 borderTopWidth: true,
                 borderStartWidth: true,
                 borderEndWidth: true,
                 borderRightWidth: true,
                 borderBottomWidth: true,
                 borderLeftWidth: true,
                 position: true,
                 flexDirection: true,
                 flexWrap: true,
                 justifyContent: true,
                 alignItems: true,
                 alignSelf: true,
                 alignContent: true,
                 flex: true,
                 flexGrow: true,
                 flexShrink: true,
                 flexBasis: true,
                 aspectRatio: true,
                 zIndex: true,
                 direction: true,
                 shadowColor: { process: [Function: processColor] },
                 shadowOffset: { diff: [Function: sizesDiffer] },
                 shadowOpacity: true,
                 shadowRadius: true,
                 transform: { process: [Function: processTransform] },
                 transformMatrix: true,
                 decomposedMatrix: true,
                 scaleX: true,
                 scaleY: true,
                 rotation: true,
                 translateX: true,
                 translateY: true,
                 backgroundColor: { process: [Function: processColor] },
                 borderColor: { process: [Function: processColor] },
                 borderTopColor: { process: [Function: processColor] },
                 borderRightColor: { process: [Function: processColor] },
                 borderBottomColor: { process: [Function: processColor] },
                 borderLeftColor: { process: [Function: processColor] },
                 borderStartColor: { process: [Function: processColor] },
                 borderEndColor: { process: [Function: processColor] },
                 borderRadius: true,
                 borderTopLeftRadius: true,
                 borderTopRightRadius: true,
                 borderTopStartRadius: true,
                 borderTopEndRadius: true,
                 borderBottomLeftRadius: true,
                 borderBottomRightRadius: true,
                 borderBottomStartRadius: true,
                 borderBottomEndRadius: true,
                 borderStyle: true,
                 opacity: true,
                 elevation: true,
                 color: { process: [Function: processColor] },
                 fontFamily: true,
                 fontSize: true,
                 fontStyle: true,
                 fontWeight: true,
                 fontVariant: true,
                 textShadowOffset: true,
                 textShadowRadius: true,
                 textShadowColor: { process: [Function: processColor] },
                 letterSpacing: true,
                 lineHeight: true,
                 textAlign: true,
                 textAlignVertical: true,
                 includeFontPadding: true,
                 textDecorationLine: true,
                 textDecorationStyle: true,
                 textDecorationColor: { process: [Function: processColor] },
                 textTransform: true,
                 writingDirection: true,
                 resizeMode: true,
                 backfaceVisibility: true,
                 overflow: true,
                 tintColor: { process: [Function: processColor] },
                 overlayColor: { process: [Function: processColor] } },
              isHighlighted: true,
              numberOfLines: true,
              ellipsizeMode: true,
              allowFontScaling: true,
              maxFontSizeMultiplier: true,
              disabled: true,
              selectable: true,
              selectionColor: true,
              adjustsFontSizeToFit: true,
              minimumFontScale: true,
              textBreakStrategy: true,
              onTextLayout: true,
              onInlineViewLayout: true,
              dataDetectorType: true },
           directEventTypes: 
            { topTextLayout: { registrationName: 'onTextLayout' },
              topInlineViewLayout: { registrationName: 'onInlineViewLayout' } },
           uiViewClassName: 'RCTText' } },
     return: 
      { tag: 10,
        key: null,
        elementType: 
         { '$$typeof': {},
           _context: 
            { '$$typeof': {},
              _calculateChangedBits: null,
              _currentValue: false,
              _currentValue2: false,
              _threadCount: 0,
              Provider: [Circular],
              Consumer: 
               { '$$typeof': {},
                 _context: [Circular],
                 _calculateChangedBits: null },
              _currentRenderer: {},
              _currentRenderer2: null } },
        type: [TOO BIG formatValueCalls 201 exceeded limit of 200],
        stateNode: [TOO BIG formatValueCalls 202 exceeded limit of 200],
        return: [TOO BIG formatValueCalls 203 exceeded limit of 200],
        child: [Circular],
        sibling: [TOO BIG formatValueCalls 204 exceeded limit of 200],
        index: [TOO BIG formatValueCalls 205 exceeded limit of 200],
        ref: [TOO BIG formatValueCalls 206 exceeded limit of 200],
        pendingProps: [TOO BIG formatValueCalls 207 exceeded limit of 200],
        memoizedProps: [TOO BIG formatValueCalls 208 exceeded limit of 200],
        updateQueue: [TOO BIG formatValueCalls 209 exceeded limit of 200],
        memoizedState: [TOO BIG formatValueCalls 210 exceeded limit of 200],
        dependencies: [TOO BIG formatValueCalls 211 exceeded limit of 200],
        mode: [TOO BIG formatValueCalls 212 exceeded limit of 200],
        effectTag: [TOO BIG formatValueCalls 213 exceeded limit of 200],
        nextEffect: [TOO BIG formatValueCalls 214 exceeded limit of 200],
        firstEffect: [Circular],
        lastEffect: [Circular],
        expirationTime: [TOO BIG formatValueCalls 215 exceeded limit of 200],
        childExpirationTime: [TOO BIG formatValueCalls 216 exceeded limit of 200],
        alternate: [TOO BIG formatValueCalls 217 exceeded limit of 200],
        actualDuration: [TOO BIG formatValueCalls 218 exceeded limit of 200],
        actualStartTime: [TOO BIG formatValueCalls 219 exceeded limit of 200],
        selfBaseDuration: [TOO BIG formatValueCalls 220 exceeded limit of 200],
        treeBaseDuration: [TOO BIG formatValueCalls 221 exceeded limit of 200],
        _debugID: [TOO BIG formatValueCalls 222 exceeded limit of 200],
        _debugIsCurrentlyTiming: [TOO BIG formatValueCalls 223 exceeded limit of 200],
        _debugSource: [TOO BIG formatValueCalls 224 exceeded limit of 200],
        _debugOwner: [TOO BIG formatValueCalls 225 exceeded limit of 200],
        _debugNeedsRemount: [TOO BIG formatValueCalls 226 exceeded limit of 200],
        _debugHookTypes: [TOO BIG formatValueCalls 227 exceeded limit of 200] },
     child: [TOO BIG formatValueCalls 228 exceeded limit of 200],
     sibling: [TOO BIG formatValueCalls 229 exceeded limit of 200],
     index: [TOO BIG formatValueCalls 230 exceeded limit of 200],
     ref: [TOO BIG formatValueCalls 231 exceeded limit of 200],
     pendingProps: [TOO BIG formatValueCalls 232 exceeded limit of 200],
     memoizedProps: [TOO BIG formatValueCalls 233 exceeded limit of 200],
     updateQueue: [TOO BIG formatValueCalls 234 exceeded limit of 200],
     memoizedState: [TOO BIG formatValueCalls 235 exceeded limit of 200],
     dependencies: [TOO BIG formatValueCalls 236 exceeded limit of 200],
     mode: [TOO BIG formatValueCalls 237 exceeded limit of 200],
     effectTag: [TOO BIG formatValueCalls 238 exceeded limit of 200],
     nextEffect: [TOO BIG formatValueCalls 239 exceeded limit of 200],
     firstEffect: [TOO BIG formatValueCalls 240 exceeded limit of 200],
     lastEffect: [TOO BIG formatValueCalls 241 exceeded limit of 200],
     expirationTime: [TOO BIG formatValueCalls 242 exceeded limit of 200],
     childExpirationTime: [TOO BIG formatValueCalls 243 exceeded limit of 200],
     alternate: [TOO BIG formatValueCalls 244 exceeded limit of 200],
     actualDuration: [TOO BIG formatValueCalls 245 exceeded limit of 200],
     actualStartTime: [TOO BIG formatValueCalls 246 exceeded limit of 200],
     selfBaseDuration: [TOO BIG formatValueCalls 247 exceeded limit of 200],
     treeBaseDuration: [TOO BIG formatValueCalls 248 exceeded limit of 200],
     _debugID: [TOO BIG formatValueCalls 249 exceeded limit of 200],
     _debugIsCurrentlyTiming: [TOO BIG formatValueCalls 250 exceeded limit of 200],
     _debugSource: [TOO BIG formatValueCalls 251 exceeded limit of 200],
     _debugOwner: [TOO BIG formatValueCalls 252 exceeded limit of 200],
     _debugNeedsRemount: [TOO BIG formatValueCalls 253 exceeded limit of 200],
     _debugHookTypes: [TOO BIG formatValueCalls 254 exceeded limit of 200] },
  _dispatchListeners: [TOO BIG formatValueCalls 255 exceeded limit of 200],
  _dispatchInstances: [TOO BIG formatValueCalls 256 exceeded limit of 200],
  nativeEvent: [TOO BIG formatValueCalls 257 exceeded limit of 200],
  type: [TOO BIG formatValueCalls 258 exceeded limit of 200],
  target: [TOO BIG formatValueCalls 259 exceeded limit of 200],
  currentTarget: [TOO BIG formatValueCalls 260 exceeded limit of 200],
  eventPhase: [TOO BIG formatValueCalls 261 exceeded limit of 200],
  bubbles: [TOO BIG formatValueCalls 262 exceeded limit of 200],
  cancelable: [TOO BIG formatValueCalls 263 exceeded limit of 200],
  timeStamp: [TOO BIG formatValueCalls 264 exceeded limit of 200],
  defaultPrevented: [TOO BIG formatValueCalls 265 exceeded limit of 200],
  isTrusted: [TOO BIG formatValueCalls 266 exceeded limit of 200],
  touchHistory: [TOO BIG formatValueCalls 267 exceeded limit of 200],
  isDefaultPrevented: [TOO BIG formatValueCalls 268 exceeded limit of 200],
  isPropagationStopped: [TOO BIG formatValueCalls 269 exceeded limit of 200] }

React Native version:

System:
    OS: macOS 10.15.4
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 588.88 MB / 16.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 13.12.0 - /usr/local/bin/node
    Yarn: 1.22.4 - ~/.yarn/bin/yarn
    npm: 6.14.5 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.9.1 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 13.5, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
    Android SDK:
      API Levels: 21, 23, 26, 27, 28
      Build Tools: 23.0.1, 26.0.1, 26.0.2, 28.0.3, 29.0.2
      System Images: android-28 | Google Play Intel x86 Atom, android-R | Google Play Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 3.6 AI-192.7142.36.36.6392135
    Xcode: 11.5/11E608c - /usr/bin/xcodebuild
  Languages:
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.11.0 => 16.11.0
    react-native: 0.62.0 => 0.62.0
  npmGlobalPackages:
    *react-native*: Not Found

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

Expected Results

lists scroll up smoothly

Snack, code example, screenshot, or link to a repository:

Please provide a Snack (https://snack.expo.io/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
You may provide a screenshot of the application if you think it is relevant to your bug report.
Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve

@KingAmo KingAmo changed the title TOO BIG formatValueCalls 228 exceeded limit of 200 [PanResponder]:TOO BIG formatValueCalls 228 exceeded limit of 200 May 26, 2020
@KingAmo
Copy link
Author

KingAmo commented May 26, 2020

i see; do not use console.log() in onStartShouldSetPanResponder or something

@KingAmo KingAmo closed this as completed May 26, 2020
@facebook facebook locked as resolved and limited conversation to collaborators Oct 1, 2021
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Oct 1, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants