Use [RichText][1] with [TextSpan][2] and [GestureRecognizer][3]. With `GestureRecognizer` you can detect *tap*, *double tap*, *long press* and etc.

    Widget build(BuildContext context) {
        TextStyle defaultStyle = TextStyle(color: Colors.grey, fontSize: 20.0);
        TextStyle linkStyle = TextStyle(color: Colors.blue);
        return RichText(
          text: TextSpan(
            style: defaultStyle,
            children: &lt;TextSpan&gt;[
              TextSpan(text: &#39;By clicking Sign Up, you agree to our &#39;),
              TextSpan(
                  text: &#39;Terms of Service&#39;,
                  style: linkStyle,
                  recognizer: TapGestureRecognizer()
                    ..onTap = () {
                      print(&#39;Terms of Service&quot;&#39;);
                    }),
              TextSpan(text: &#39; and that you have read our &#39;),
              TextSpan(
                  text: &#39;Privacy Policy&#39;,
                  style: linkStyle,
                  recognizer: TapGestureRecognizer()
                    ..onTap = () {
                      print(&#39;Privacy Policy&quot;&#39;);
                    }),
            ],
          ),
        );
      }

[![enter image description here][4]][4]


  [1]: https://api.flutter.dev/flutter/widgets/RichText-class.html
  [2]: https://api.flutter.dev/flutter/painting/TextSpan-class.html
  [3]: https://api.flutter.dev/flutter/gestures/GestureRecognizer-class.html
  [4]: https://i.stack.imgur.com/unKR9.png

You can use [`RichText`][1] to merge a list of [`TextSpan`][2] into a single Text.

```dart
    return RichText(
      text: TextSpan(
        text: &#39;Hello &#39;,
        style: DefaultTextStyle.of(context).style,
        children: &lt;TextSpan&gt;[
          TextSpan(
              text: &#39;world!&#39;,
              style: TextStyle(fontWeight: FontWeight.bold)),
          TextSpan(
              text: &#39; click here!&#39;,
              recognizer: TapGestureRecognizer()
                ..onTap = () =&gt; print(&#39;click&#39;)),
        ],
      ),
    );
```


  [1]: https://api.flutter.dev/flutter/widgets/RichText-class.html
  [2]: https://api.flutter.dev/flutter/painting/TextSpan-class.html

I am using UseHistory hook in react router v5.1.2 with typescript? When running unit test, I have got issue.
&gt; TypeError: Cannot read property &#39;history&#39; of undefined.


```typescript
import { mount } from &#39;enzyme&#39;;
import React from &#39;react&#39;;
import {Action} from &#39;history&#39;;
import * as router from &#39;react-router&#39;;
import { QuestionContainer } from &#39;./QuestionsContainer&#39;;

describe(&#39;My questions container&#39;, () =&gt; {
    beforeEach(() =&gt; {
        const historyHistory= {
            replace: jest.fn(),
            length: 0,
            location: { 
                pathname: &#39;&#39;,
                search: &#39;&#39;,
                state: &#39;&#39;,
                hash: &#39;&#39;
            },
            action: &#39;REPLACE&#39; as Action,
            push: jest.fn(),
            go: jest.fn(),
            goBack: jest.fn(),
            goForward: jest.fn(),
            block: jest.fn(),
            listen: jest.fn(),
            createHref: jest.fn()
        };//fake object 
        jest.spyOn(router, &#39;useHistory&#39;).mockImplementation(() =&gt;historyHistory);// try to mock hook
    });

    test(&#39;should match with snapshot&#39;, () =&gt; {
        const tree = mount(&lt;QuestionContainer /&gt;);

        expect(tree).toMatchSnapshot();
    });
});
```
Also i have tried use `jest.mock(&#39;react-router&#39;, () =&gt;({ useHistory: jest.fn() }));` but it still does not work.

How to mock useHistory hook in jest?

I use `SwiftyStoreKit` to request In App Purchases and get only this error with iOS 13:

    Error: Optional(Error Domain=ASDErrorDomain Code=507 &quot;Error decoding object&quot; UserInfo={NSLocalizedDescription=Error decoding object, NSLocalizedFailureReason=Attempted to decode store response})

I cannot request information about the products, nor make purchases with a sand box account. However, it works fine in iOS 12.1 on my device. It does not work with the iPhone 11 simulator or an actual device with iOS 13.

I have found a lot, that the *Xcode 11 GM seed 1* beta simulator had this problem, but have not found a solution yet. I also tested it with the new released *Xcode 11 GM seed 2* version, but there was no fix for me.

Does anyone have a solution on how I can request and purchase In App Purchases again with iOS 13 installed?

Requesting an In App Purchase in iOS 13 fails

I want to make a part of a text tapable so I can call a function on it. Also I want to have control over the style of the tapable text. In the best case I can also increase the size of the tapable area to for example 42px.

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/P66yU.png

I already looked into flutter_linkify and linkify, but that&#39;s not what I want. I&#39;m curious if there&#39;s already a package or even built into the flutter library.

Make specific parts of a text clickable in flutter

I want to make a part of a text tapable so I can call a function on it. Also I want to have control over the style of the tapable text. In the best case I can also increase the size of the tapable area to for example 42px.
<a href="https://i.stack.imgur.com/P66yU.png" target="_blank" rel="noopener noreferrer"><img src="https://i.stack.imgur.com/P66yU.png" alt="enter image description here"></a>
I already looked into flutter_linkify and linkify, but that's not what I want. I'm curious if there's already a package or even built into the flutter library.

```      
Container(
      child: Text(
          &#39;This is a Container&#39;,
          textScaleFactor: 2,
          style: TextStyle(color: Colors.black),
      ),
                  
      decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          color: Colors.white,
          border: Border(
              left: BorderSide(
                  color: Colors.green,
                  width: 3,
              ),
            ),
          ),
      height: 50,
     ),
```

This is supposed to show a rounded-edged container with a green left border 3px wide, and the child Text &quot;This is a Container&quot;. However, it just shows a rounded-edged container with an invisible child and an invisible left border.

When I take out the borderRadius object, the child Text and the green left border is visible, but introducing it hides the left border and child Text again. 

The major problem seems to be the custom left border, because using `border: Border.all(width: 0)` and `borderRadius: BorderRadius.circular(10)` makes the edges rounded as needed and also shows the child. But now I cant apply the green left border which is quite important in this particular setup.

So is there something I&#39;m doing wrong, or is this a bug in flutter, or is it just something that is not allowed?

Thank you in advance.

Edit: The image below is the end result. The colors don&#39;t matter

[![This is how it should look][1]][1]


  [1]: https://i.stack.imgur.com/GSCry.png

Add border to a Container with borderRadius in Flutter

I am new to flutter and when I want to call my context in InitState it throws an error :
which is about 
``` BuildContext.inheritFromWidgetOfExactType ```
but then I use didChangeDependencies and it works correctly.

Now I have 2 question:

1- Why calling our context in initState does not work but it works when calling from didChangeDependencies ?
(because as I read in official doc ```This method is also called immediately after [initState]```,
and both of them will be called before build method. )

2- Why do we have access to our context outside of build method ( because there we have ```build(BuildContext context)``` and we can use our context but in didChangeDependencies we don&#39;t have anything like ```didChangeDependencies(BuildContext context)``` , so from where can we call context to use it) ?



What is the difference between didChangeDependencies and initState?

I was using the latest version of `Android Studio IDE` for creating `flutter` apps. But when I upgraded from Mojave to Catalina and tried to open my `flutter` code on IDE it gave me an error saying: 

&gt; Dart can not be opened because the Developer can not be verified

What is the reason behind the error and how can I solve the issue?

Do I have to install flutter and relative development tools from scratch again or is there any other way to resolve the issue?



[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/xhHGY.png

Flutter App Running Error: Dart can not be opened, Developer can not be verified after upgrading to Catalina

I am confused as to where to call the `super.initSate()` in Flutter? In some code examples, it&#39;s called at the beginning and in others at the end. Is there a difference?

I have tried to google this but haven&#39;t found any explanation on the position of this function call. 

Which one is correct?

```dart
void initState() {
  super.initState();    
  //DO OTHER STUFF
}
```
or 

```dart
void initState() {    
  //DO OTHER STUFF
  super.initState();    
}
```

Should I call super.initState at the end or at the beginning?

Recently I updated Mac OS to latest Catalina and my terminal which is using zsh now start showing me following error:

    zsh: command not found: flutter

It was working fine before update. 



MacOS gives zsh: command not found: flutter after updating path according to Flutter Official Docs

I&#39;m still wrapping my head around state-management techniques in flutter and am a bit confused about when and why to use ````Provider.of&lt;X&gt;```` vs. ````Consumer&lt;X&gt;````. I  understand (I think) from the [documentation][1] that when choosing between these two you would use Provider.of&lt;X&gt; when we want access to the data, but you don&#39;t need the UI to change. So the following (taken from the docs) gets access to the data and updates the UI on new events:

````
return HumongousWidget(
  // ...
  child: AnotherMonstrousWidget(// &lt;- This widget will rebuild on new data events
    // ...
    child: Consumer&lt;CartModel&gt;(
      builder: (context, cart, child) {
        return Text(&#39;Total price: ${cart.totalPrice}&#39;);
      },
    ),
  ),
);
````

Whereas, where we only need the data on don&#39;t want to rebuild with UI, we&#39;d use ````Provider.of&lt;X&gt;```` with the ````listen```` parameter set to ````false````, as below:

````
Provider.of&lt;CartModel&gt;(context, listen: false).add(item); \\Widget won&#39;t rebuild
````

However, ````listen```` isn&#39;t required and so the following will run too:

````
Provider.of&lt;CartModel&gt;(context).add(item); \\listener optional
````

So this brings me to a few questions:

 1. Is this the correct way to distinguish ````Provider.of&lt;X&gt;```` and ````Consumer&lt;X&gt;````. Former doesn&#39;t update UI, latter does?
 2. If ````listen```` isn&#39;t set to ````false```` will the widget be rebuilt by default or not rebuilt? What if ````listen```` is set to ````true````?
 3. Why have ````Provider.of```` with the option to rebuild the UI at all when we have ````Consumer````?

  [1]: https://flutter.dev/docs/development/data-and-backend/state-mgmt/simple

Content Type	Original Author	Original Content on Stackoverflow
Question	julian.a	View Question on Stackoverflow
Solution 1 - Text	Kirill Matrosov	View Answer on Stackoverflow
Solution 2 - Text	haroldolivieri	View Answer on Stackoverflow

Make specific parts of a text clickable in flutter

Text Problem Overview

Text Solutions

Solution 1 - Text

Solution 2 - Text

Requesting an In App Purchase in iOS 13 fails

How to mock useHistory hook in jest?

Attributions