[GH-ISSUE #49] Picker has significant delay on changing option #26

New issue

Closed

opened 2026-05-05 11:28:32 -06:00 by gitea-mirror · 4 comments

gitea-mirror commented

2026-05-05 11:28:32 -06:00

Owner

Originally created by @meghprkh on GitHub (Mar 6, 2018).
Original GitHub issue: https://github.com/kusti8/proton-native/issues/49

(Code:

import React, { Component } from 'react'; // import from react

import { render, Window, App, Box, Button, TextInput, Picker } from 'proton-native'; // import the proton-native components

class Example extends Component {
  render() { // all Components must have a render method
    return (
      <App> // you must always include App around everything
        <Window title="Proton Native Rocks!" menuBar={false}>
          <Box>
            <Picker stretchy={false} selected={0}>
              <Picker.Item>Option 1</Picker.Item>
              <Picker.Item>Option 2</Picker.Item>
              <Picker.Item>Option 3</Picker.Item>
            </Picker>
            <Button stretchy={false}>Hello</Button>
            <TextInput stretchy={false} />
          </Box>
        </Window>
      </App>
    );
  }
}

render(<Example />); // and finally render your main component

Originally created by @meghprkh on GitHub (Mar 6, 2018). Original GitHub issue: https://github.com/kusti8/proton-native/issues/49 ![proton-native-picker-bug](https://user-images.githubusercontent.com/5979605/37041361-0e1a3376-2182-11e8-92a6-07e98f634274.gif) (Code: ```js import React, { Component } from 'react'; // import from react import { render, Window, App, Box, Button, TextInput, Picker } from 'proton-native'; // import the proton-native components class Example extends Component { render() { // all Components must have a render method return ( <App> // you must always include App around everything <Window title="Proton Native Rocks!" menuBar={false}> <Box> <Picker stretchy={false} selected={0}> <Picker.Item>Option 1</Picker.Item> <Picker.Item>Option 2</Picker.Item> <Picker.Item>Option 3</Picker.Item> </Picker> <Button stretchy={false}>Hello</Button> <TextInput stretchy={false} /> </Box> </Window> </App> ); } } render(<Example />); // and finally render your main component ```

gitea-mirror closed this issue

2026-05-05 11:28:36 -06:00

gitea-mirror commented

2026-05-05 11:28:40 -06:00

Author

Owner

@kusti8 commented on GitHub (Mar 6, 2018):

Huh that's interesting. Libui-node is getting a new event loop, so that
will probably fix it.

On Tue, Mar 6, 2018, 11:00 AM Megh Parikh notifications@github.com wrote:

[image: proton-native-picker-bug]
https://user-images.githubusercontent.com/5979605/37041361-0e1a3376-2182-11e8-92a6-07e98f634274.gif

(Code:

import React, { Component } from 'react'; // import from react
import { render, Window, App, Box, Button, TextInput, Picker } from 'proton-native'; // import the proton-native components
class Example extends Component {
render() { // all Components must have a render method
return (
// you must always include App around everything

<Picker.Item>Option 1</Picker.Item>
<Picker.Item>Option 2</Picker.Item>
<Picker.Item>Option 3</Picker.Item>

);
}
}
render(); // and finally render your main component

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/kusti8/proton-native/issues/49, or mute the thread
https://github.com/notifications/unsubscribe-auth/AJW73M3DeD0UpjgI6TOAFnElNEKmsR1-ks5tbrKogaJpZM4Se9qW
.

@kusti8 commented on GitHub (Mar 6, 2018): Huh that's interesting. Libui-node is getting a new event loop, so that will probably fix it. On Tue, Mar 6, 2018, 11:00 AM Megh Parikh <notifications@github.com> wrote: > [image: proton-native-picker-bug] > <https://user-images.githubusercontent.com/5979605/37041361-0e1a3376-2182-11e8-92a6-07e98f634274.gif> > > (Code: > > import React, { Component } from 'react'; // import from react > import { render, Window, App, Box, Button, TextInput, Picker } from 'proton-native'; // import the proton-native components > class Example extends Component { > render() { // all Components must have a render method > return ( > <App> // you must always include App around everything > <Window title="Proton Native Rocks!" menuBar={false}> > <Box> > <Picker stretchy={false} selected={0}> > <Picker.Item>Option 1</Picker.Item> > <Picker.Item>Option 2</Picker.Item> > <Picker.Item>Option 3</Picker.Item> > </Picker> > <Button stretchy={false}>Hello</Button> > <TextInput stretchy={false} /> > </Box> > </Window> > </App> > ); > } > } > render(<Example />); // and finally render your main component > > — > You are receiving this because you are subscribed to this thread. > Reply to this email directly, view it on GitHub > <https://github.com/kusti8/proton-native/issues/49>, or mute the thread > <https://github.com/notifications/unsubscribe-auth/AJW73M3DeD0UpjgI6TOAFnElNEKmsR1-ks5tbrKogaJpZM4Se9qW> > . >

gitea-mirror commented

2026-05-05 11:28:46 -06:00

Author

Owner

@parro-it commented on GitHub (Mar 13, 2018):

I hope to publish a prerelease version of libui-node this week, with the updated event loop logic.

@parro-it commented on GitHub (Mar 13, 2018): I hope to publish a prerelease version of libui-node this week, with the updated event loop logic.

gitea-mirror commented

2026-05-05 11:28:49 -06:00

Author

Owner

@kusti8 commented on GitHub (Mar 22, 2018):

I just tested it with the new version and it seems to work better. Can you try it?

@kusti8 commented on GitHub (Mar 22, 2018): I just tested it with the new version and it seems to work better. Can you try it?

gitea-mirror commented

2026-05-05 11:28:53 -06:00

Author

Owner

@meghprkh commented on GitHub (Mar 30, 2018):

Yeah it works smoothly now. Closing issue. Thanks!

@meghprkh commented on GitHub (Mar 30, 2018): Yeah it works smoothly now. Closing issue. Thanks!

gitea-mirror referenced this issue

2026-05-05 11:56:11 -06:00

[PR #27] [MERGED] Consistency in features list #229