Use `lineHeight` -

&lt;!-- language: lang-js --&gt;

      text: {
        color: &#39;#C0C0C0&#39;,
        fontSize: 18,
        textAlign: &#39;justify&#39;,
        lineHeight: 30,
      },

You can use 

    {&#39;\n&#39;}

inside your Text tag

example :

    &lt;Text&gt;{&#39;\n&#39;} Heading : &lt;/Text&gt;

I&#39;ve implemented a basic authentication system with Spring Boot, Spring Security, OAUTH2 and JWT as auth tokens. It works alright but I was thinking if it makes sense to store JWT in a database and check if a token exists every time someone makes an authenticated request using it? I was thinking specifically of the following scenario: user is authenticated in a mobile device and they lose it so they want to deauthorize that device. They would then be able to issue an operation that clears the tokens issued to their user id and deauthorize all tokens assigned  to him. Any other way? Am I thinking this wrong or overcomplicating things?

This is for securing a REST API that is going to get called from a mobile APP.

Does it make sense to store JWT in a database?

I am getting an &quot;Unknown Error&quot; (shown below) alert when I try to launch Visual Studio 2017 Community after successful installation.

&gt; [![enter image description here][1]][1]

**UPDATE: After Force uninstall &amp; reinstallation**

&gt;[![enter image description here][2]][2]


  [1]: https://i.stack.imgur.com/GVDIS.png
  [2]: https://i.stack.imgur.com/lFzaJ.png

&quot;Unknown Error&quot; when launching Visual Studio 2017 Community after installation

I need to change the space between lines in a text in a React Native for both android and iOS.
This is the code in the styles pages: 

    text: {
      color: &#39;#C0C0C0&#39;,
      fontSize: 18,
      textAlign: &#39;justify&#39;,
    }



Interspace between text Lines in React native

I need to change the space between lines in a text in a React Native for both android and iOS.
This is the code in the styles pages:
<pre><code class="hljs language-scss">text: {
 color: '#C0C0C0',
 fontSize: 18,
 textAlign: 'justify',
}
</code></pre>

I searched for the shadow option in TextStyle, but I didn&#39;t find it. So I ask: how can I add shadow to the text in flutter? Is it possible?
Example:

    new Text(
    &quot;asd&quot;
    style: new TextStyle( 
    //add shadow?
    ));



How to add shadow to the text in flutter?

I was wondering there is a way I can align &lt;Text&gt; vertically in React Native. I&#39;m trying to position &lt;Text&gt; on the bottom but I don&#39;t think I can find a good way to do it.

If anyone knows how to solve this issue, please let me know.

Text vertical align in react native (using nativebase)

I&#39;m trying to create a line in which center text has a maximum size, and if the text content is too large, it fits in size.

I insert the `TextOverflow.ellipsis` property to shorten the text and inserting the triple points `...` but it is not working.

**main.dart**

    import &#39;package:flutter/material.dart&#39;;

    void main() {
    runApp(new MyApp());
    }

    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return new MaterialApp(
          home: new HomePage(),
        );
      }
    }

    class HomePage extends StatelessWidget {
      @override
      Widget build(BuildContext context) =&gt; new Scaffold(
        appBar: new AppBar(
          backgroundColor: new Color(0xFF26C6DA),
        ),
        body: new ListView  (
          children: &lt;Widget&gt;[
            new Card(
              child: new Container(
                padding: new EdgeInsets.symmetric(horizontal: 16.0, vertical: 18.0),
                child: new Row(
                  children: &lt;Widget&gt;[
                    new Container(
                      padding: new EdgeInsets.only(right: 24.0),
                      child: new CircleAvatar(
                        backgroundColor: new Color(0xFFF5F5F5),
                        radius: 16.0,
                      )
                    ),
                    new Container(
                      padding: new EdgeInsets.only(right: 13.0),
                      child: new Text(
                        &#39;Text lar...&#39;,
                        overflow: TextOverflow.ellipsis,
                        style: new TextStyle(
                          fontSize: 13.0,
                          fontFamily: &#39;Roboto&#39;,
                          color: new Color(0xFF212121),
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    ),
                    new Container(
                      child: new Column(
                        crossAxisAlignment: CrossAxisAlignment.end,
                        children: &lt;Widget&gt;[
                          new Row(
                            children: &lt;Widget&gt;[
                              new Text(
                                &#39;Bill  &#39;,
                                style: new TextStyle(
                                  fontSize: 12.0,
                                  fontFamily: &#39;Roboto&#39;,
                                  color: new Color(0xFF9E9E9E)
                                ),
                              ),
                              new Text(
                                &#39;\$ -999.999.999,95&#39;,
                                style: new TextStyle(
                                  fontSize: 14.0,
                                  fontFamily: &#39;Roboto&#39;,
                                  color: new Color(0xFF212121)
                                ),
                              ),
                            ],
                          ),
                          new Row(
                            children: &lt;Widget&gt;[
                              new Text(
                                &#39;Limit  &#39;,
                                style: new TextStyle(
                                  fontSize: 12.0,
                                  fontFamily: &#39;Roboto&#39;,
                                  color: new Color(0xFF9E9E9E)
                                ),
                              ),
                              new Text(
                                &#39;R\$ 900.000.000,95&#39;,
                                style: new TextStyle(
                                  fontSize: 14.0,
                                  fontFamily: &#39;Roboto&#39;,
                                  color: new Color(0xFF9E9E9E)
                                ),
                              ),
                            ],
                          ),
                        ]
                      )
                    )
                  ],
                ),
              )
            ),
          ]
        )
      );
    }

**result:**

[![enter image description here][1]][1]

**expected:**

[![enter image description here][2]][2]


  [1]: https://i.stack.imgur.com/HKiLt.png
  [2]: https://i.stack.imgur.com/rGk9W.png

Flutter - Wrap text on overflow, like insert ellipsis or fade

I have to capitalize first letter of text that i want to display. I searched for it but i cant found clear thing to do that, also there is no such props for `text` in react native official documentation.

I am showing my text with following format:

    &lt;Text style={styles.title}&gt;{item.item.title}&lt;/Text&gt;

or

    &lt;Text style={styles.title}&gt;{this.state.title}&lt;/Text&gt;

How can I do it?

Suggestions are welcome? 

Is it possible to capitalize first letter of text/string in react native? How to do it?

I have a `Text widget` on pressing which another `Route` has to be shown. But I could not see any onPressed() method for the `Text widget`. Please Help.

How can I implement OnPressed callback for Text widget, Flutter

I have a testing app in react native, and all works fine when I have enabled the debug js remotely. It works fine in device (from XCode) and simulator, after run:

    react-native run ios

The problem is that if I stop remote js debugging, the login test not works anymore.The login logic is very simple, I&#39;m making a fetch to an api to test a login, the API endpoint is over https. 

What I need to change?

**Updated: This code works perfetly with JS Debug Remote Enabled, if I disable it, it not works anymore.**

    /**
     * Sample React Native App
     * https://github.com/facebook/react-native
     * @flow
     */
    
    import React, { Component } from &#39;react&#39;
    import {
      AppRegistry,
      StyleSheet,      
      View,
      Button,
      Alert
    } from &#39;react-native&#39;
    
    export default class MyClass extends Component {
    
      constructor (props) {
        super(props)
        this.testFetch = this.testFetch.bind(this)
      }
    
      async testFetch () {
        const email = &#39;email@example.com&#39;
        const password = &#39;123456&#39;
    
        try {
          const response = await fetch(&#39;https://www.example.com/api/auth/login&#39;, {
            /* eslint no-undef: 0 */
            method: &#39;POST&#39;,
            headers: {
              &#39;Accept&#39;: &#39;application/json&#39; /* eslint quote-props: 0 */,
              &#39;Content-Type&#39;: &#39;application/json&#39;,
              &#39;Authorization&#39;: &#39;Basic &#39; + btoa(email + &#39;:&#39; + password)
            }
    
          })
          Alert.alert(&#39;Error fail!&#39;, &#39;Fail&#39;)
          console.log(response)
        } catch (error) {
          Alert.alert(&#39;Error response!&#39;, &#39;Ok&#39;)
        }
      }
    
      render () {
        return (
          &lt;View style={styles.container}&gt;            
            &lt;Button
              onPress={this.testFetch}
              title=&quot;Test me!&quot;
    
            /&gt;            
          &lt;/View&gt;
        )
      }
    }
    
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        justifyContent: &#39;center&#39;,
        alignItems: &#39;center&#39;,
        backgroundColor: &#39;#F5FCFF&#39;
      },
      welcome: {
        fontSize: 20,
        textAlign: &#39;center&#39;,
        margin: 10
      },
      instructions: {
        textAlign: &#39;center&#39;,
        color: &#39;#333333&#39;,
        marginBottom: 5
      }
    })
    
    AppRegistry.registerComponent(&#39;testingReactNative&#39;, () =&gt; MyClass)

Thanks.




React Native atob() / btoa() not working without remote JS debugging

I&#39;m using react native navigation (react-navigation) StackNavigator. 
it starts from the Login page throughout the whole lifecycle of the app. I don&#39;t want to have a back option, returning to the Login screen. Does anyone know how it can be hidden on the screen after the login screen?
BTW, I&#39;m also hiding it in the login screen by using: 

&lt;!-- language: lang-js --&gt;

    const MainStack = StackNavigator({
      Login: {
        screen: Login,
        navigationOptions: {
          title: &quot;Login&quot;,
          header: {
            visible: false,
          },
        },
      },
      // ... other screens here
    })



Disable back button in react navigation

I&#39;m facing this issue for a few months and I still can&#39;t solve it.
I have a text input at the bottom of the view that is supposed to rise up with the soft keyboard once tapped.
Instead, the whole layout is pushed up and you can&#39;t see the upper part of it.

I tried many different keyboard spacer libraries but they all just push the TextInput even higher..

Screenshots:
[Without keyboard][1]
[With keyboard][2]

Here is my main View:

    &lt;View
        style={{
          flex: 1,
          alignItems: &#39;stretch&#39;,
          justifyContent: &#39;space-between&#39;,
          overflow: &#39;hidden&#39;,
          backgroundColor: Colors.darkBlue
        }}
      &gt;
        {/* Header */}
        &lt;View
          style={{
            flexDirection: &#39;row&#39;,
            alignItems: &#39;stretch&#39;,
            height: 300
          }}&gt;
          {/* Question bubble */}
          { (this.state.question &amp;&amp; this.state.question !== &#39;&#39;) ? (
              &lt;TouchableOpacity
                style={{
                    flex: 1,
                    flexDirection: &#39;row&#39;,
                    backgroundColor: &#39;transparent&#39;,
                    alignItems: &#39;stretch&#39;,
                    paddingRight: QUESTION_SPEAKER_RADIUS
                  }}
              &gt;
                &lt;View
                  style={{
                      flex: 1,
                      alignSelf: &#39;stretch&#39;,
                      alignItems: &#39;center&#39;,
                      justifyContent: &#39;center&#39;,
                      backgroundColor: &#39;white&#39;,
                    }}
                &gt;
                  &lt;Text&gt;
                    {this.state.question}
                  &lt;/Text&gt;
                &lt;/View&gt;
              &lt;/TouchableOpacity&gt;
            ) : null
          }
        &lt;/View&gt;
        &lt;KeyboardInput
          style={{}}
          onClose={() =&gt; this.setState({ displayMode: DISPLAY_MODES.homeEmpty })}
          onConfirm={(text) =&gt; this.onConfirmText(text) }
        /&gt;
      &lt;/View&gt;


Here is KeyboardInput:

    &lt;View
          style={{
            alignSelf: &#39;stretch&#39;,
            flexDirection: &#39;row&#39;,
            alignItems: &#39;center&#39;,
            justifyContent: &#39;flex-end&#39;,
            backgroundColor: Colors.pink,
            borderColor: Colors.lime,
            borderTopWidth: 4,
            padding: 6,
          }}&gt;
          &lt;View
            style={{
              flex: 1,
              borderRadius: 6,
              padding: 0,
              backgroundColor: Colors.white,
              alignItems: &#39;stretch&#39;,
            }}
          &gt;
            &lt;TextInput
              placeholder={Strings.child_keyboard_placeholder}
              value={this.state.messageTextInput}
              onChangeText={(text) =&gt; this.setState({messageTextInput: text})}
              style={{
                height: 50,
                marginLeft: 10,
                marginRight: CONFIRM_BUTTON_SIZE / 2
              }}
              underlineColorAndroid=&#39;transparent&#39;
              numberOfLines={2}
              maxLength={70}
              autoCorrect={false}
              returnKeyType=&#39;next&#39;
            /&gt;
          &lt;/View&gt;
        &lt;/View&gt;

Using RN 0.35 on Android.


  [1]: https://i.stack.imgur.com/8NXyK.png
  [2]: https://i.stack.imgur.com/AhoMh.png

How to avoid keyboard pushing layout up on Android react-native

I am trying to use react-navigation to create an initial LOGIN screen that has no tabbar and header, and once the user has been successfully authenticated will navigate to another screen called LISTRECORD which has a  tabbar, header and no back button option. Anyone has experience in this and can share?

In summary, what I&#39;m trying to achieve with react-navigation is described below...

Screen 1: Login Screen (No Header &amp; Tabbar)  
Authenticated...  
Screen 2: LISTRECORD (Header, Tabbar and No Back Button)  
The tabbar contains other tabs too for navigation to Screen 3, Screen 4...  


React-Navigation with Login Screen

I am using TextInput for a project and wanted to DISABLE any kind of text selection or actions like (cut/copy/paste/share) as shared in the screenshot below.

I am not able find anything in the react-native official documentation

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/MnHQ1.png

Content Type	Original Author	Original Content on Stackoverflow
Question	user3521011	View Question on Stackoverflow
Solution 1 - Text	vinayr	View Answer on Stackoverflow
Solution 2 - Text	Salem_Raouf	View Answer on Stackoverflow

Interspace between text Lines in React native

Text Problem Overview

Text Solutions

Solution 1 - Text

Solution 2 - Text

"Unknown Error" when launching Visual Studio 2017 Community after installation

Does it make sense to store JWT in a database?

Attributions