Bugs in version 1.0.3

[kawasakime]

Hi, I found a some bugs.

1. In version 0.13.0, the container inside true-sheet stretches to its full height if write {flex: 1} in the styles. However, in the latest release (v1.0.3), this does not happen.
2. AutoFocus for TextInput does not work on Android. If you make a hack and autofocus with using a method (.focus()) and delay of 150 milliseconds, then it works, but I would not like to resort to this.
3. There is an unpleasant behavior for FlatList. If it is stretched to the full height (using EmptyComponent with centered text), then the ability to close the true-sheet by pulling in the FlatList area is lost. If you remove nestedscrollview, then swipe to close the true-sheet will work, but scrolling up inside the list will stop working when the elements appear. Is there anything that can be done about this?

[lodev09]

Hey, thanks for checking it out. I did some few fixes in the main branch related to those. Can you please test it out?

[kawasakime]

@lodev09 Okay, I'll write tomorrow.

[kawasakime]

@lodev09

I checked the main branch.

1. Fixed
2. Not fixed. The cursor appears in TextInput, but the keyboard does not move out.
3. Not fixed. I still can't swipe to close if ListEmptyComponent is being rendered. (I use nestedScrollEnabled prop)

2025-01-23.10.39.01.mp4

[lodev09]

Hey. Could you put some simple code here for 2 and 3? Or perhaps create a reproducible example that I can take a look.
Thank you!

[kawasakime]

While writing a simple example of code, I discovered that the color is not displayed by the backgroundColor prop (it appeared at the moment, but then became transparent again)

<TrueSheet
  backgroundColor='#ffffff' // <-- don't work, true-sheet is transparent
  sizes={['100%']}
  contentContainerStyle={{ flex: 1 }}
  initialIndex={0}
  keyboardMode='pan'
>
  <View
    style={{ flex: 1, backgroundColor: '#ffffff' }} // that's the only way it works
  >
    <TextInput autoFocus={true} />
    <FlatList
      nestedScrollEnabled
      data={[]}
      contentContainerStyle={{ flexGrow: 1 }}
      ListEmptyComponent={(
        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
          <Text>Test Text</Text>
        </View>
    )}
    />
  </View>
</TrueSheet>

[lodev09]

@kawasakime there's a background color fix in pr #121. Can you try it there?

[kawasakime]

@lodev09

What about the bug with autofocus of the text input on Android and the bug with closing with a swipe if the ListEmptyComponent is stretched to its full height?

[lodev09]

@kawasakime I will look into it this weekend.

[kawasakime]

@lodev09

Hello. I checked version 1.1.0. The bug from point 1 still exists; the container does not stretch to full height. I specified both flex: 1 and height: '100%' in the contentContainerStyle prop, but this did not stretch the container to full height. (only iOS)

[delphinebugner]

Hi @kawasakime, did you find something for the Text Input autofocus (point 2.)?
Also having a similar issue on 2.0.5 of the lib: Text Input focuses but the keyboard does not open.

@lodev09 I added a repro to the same repro as before just in case:
https://github.com/delphinebugner/repro-52

And this is the illustrated recap:

[believer]

Hi @lodev09 @kawasakime! We're also seeing issue 1, the one with content height. Is this expected behavior? It makes it hard to properly size a scrollable list inside the sheet. Depending on the number of items it overflows the screen.