ConstraintLayoutは、配置されるコンポーネントの上下左右の辺をLayoutや他のコンポーネントと接続してその分量を設定する「制約」(Constraintの直訳)をつけることで、コンポーネントの位置決めをします。レイアウトエディターの右側にあるAttributesビューの中に正方形が描かれていますが、これが各辺の接続状態を表しています。ご提示の図では、四辺とも先っぽが+で描画されていますが、これは「未接続」を表しています。このため、TextViewの配置が決定できない上に、デザインビュー上の操作でTextViewが画面外のどこかにいってしまったのではないでしょうか。
先ほどのAttributesにある+の部分をクリックすると、親ビューとなるレイアウトと接続されます。四辺とも接続し、下図のように数値を0にしてみたら、画面中央に出現しませんか?

正方形内の>>のような記号の形にも注目。この部分をクリックする度に形が変わりますが、これが接続方法の属性を表していて、3つのタイプがあります。>>はwrap_contentを表しています。
(追記)
私が添付した画像はAndroid Studio 3.4のものです。質問に貼られたのは、3.3でしょうか?ですから、見た目がちょっと違いますね。3.4では、Attributesの構成ががらっと変わっているので、3.3をターゲットにした書籍を参考にされている方は戸惑うかもしれません。Googleは容赦なくいろいろいじくるのが大好きなので・・・。