[GH-ISSUE #208] Area.Line not displaying anything #142

Closed
opened 2026-05-05 11:47:57 -06:00 by gitea-mirror · 7 comments
Owner

Originally created by @ranjan-purbey on GitHub (Apr 7, 2019).
Original GitHub issue: https://github.com/kusti8/proton-native/issues/208

I used the following code:

import React, { Component } from 'react';

import { render, Window, App, Area, Text } from 'proton-native';

class Example extends Component {
  render() {
    return (
      <App>
        <Window title="Example" margined={true} menuBar={false}>
          <Area strokeWidth="10">
            <Area.Line x1={10} y1={100} x2={200} y2={100} stroke="blue"/>
          </Area>
        </Window>
      </App>
    );
  }
}

render(<Example />);

Output:
image
OS: Linux
Node: v11.13.0
proton-native: 1.1.11

Originally created by @ranjan-purbey on GitHub (Apr 7, 2019). Original GitHub issue: https://github.com/kusti8/proton-native/issues/208 I used the following code: ``` import React, { Component } from 'react'; import { render, Window, App, Area, Text } from 'proton-native'; class Example extends Component { render() { return ( <App> <Window title="Example" margined={true} menuBar={false}> <Area strokeWidth="10"> <Area.Line x1={10} y1={100} x2={200} y2={100} stroke="blue"/> </Area> </Window> </App> ); } } render(<Example />); ``` Output: ![image](https://user-images.githubusercontent.com/6953187/55691391-6c2aa000-59bb-11e9-8c1e-9ef3864e4237.png) OS: Linux Node: v11.13.0 proton-native: 1.1.11
Author
Owner

@ranjan-purbey commented on GitHub (Apr 8, 2019):

It works if I try to create a path using libui-nodejs directly

<!-- gh-comment-id:480761314 --> @ranjan-purbey commented on GitHub (Apr 8, 2019): It works if I try to create a path using libui-nodejs directly
Author
Owner

@kusti8 commented on GitHub (Apr 8, 2019):

Can you try setting the locations as strings instead of integers?

<!-- gh-comment-id:480783083 --> @kusti8 commented on GitHub (Apr 8, 2019): Can you try setting the locations as strings instead of integers?
Author
Owner

@mischnic commented on GitHub (Apr 8, 2019):

Try putting a box around the area

<!-- gh-comment-id:480790546 --> @mischnic commented on GitHub (Apr 8, 2019): Try putting a box around the area
Author
Owner

@ranjan-purbey commented on GitHub (Apr 8, 2019):

@kusti8 Yes, I tried both but didn't work
@mischnic Surrounding by a box made it work. Though, I do not understand, why that is needed. Also if it is required, the official documentation should be updated to say so

<!-- gh-comment-id:480801440 --> @ranjan-purbey commented on GitHub (Apr 8, 2019): @kusti8 Yes, I tried both but didn't work @mischnic Surrounding by a box made it work. Though, I do not understand, why that is needed. Also if it is required, the official documentation should be updated to say so
Author
Owner

@mischnic commented on GitHub (Apr 8, 2019):

It's a Linux bug in libui itself

<!-- gh-comment-id:480804548 --> @mischnic commented on GitHub (Apr 8, 2019): It's a Linux bug in libui itself
Author
Owner

@ranjan-purbey commented on GitHub (Apr 8, 2019):

We should add this on the manual then, I guess

<!-- gh-comment-id:480810016 --> @ranjan-purbey commented on GitHub (Apr 8, 2019): We should add this on the manual then, I guess
Author
Owner

@kusti8 commented on GitHub (Jan 19, 2020):

Proton Native V2 is now released! If the issue still occurs in the new update, please open a new issue.

<!-- gh-comment-id:576029249 --> @kusti8 commented on GitHub (Jan 19, 2020): Proton Native V2 is now released! If the issue still occurs in the new update, please open a new issue.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/proton-native#142
No description provided.