title: How to programmatically add view in Constraint layout?
body: <p>I am trying to design the below layout</p>
  
  <pre><code>&lt;android.support.constraint.ConstraintLayout
              android:id="@+id/before_breakfast_option"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"&gt;
  
              &lt;TextView
                  android:id="@+id/diabetes_text"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_marginLeft="16dp"
                  android:layout_marginStart="16dp"
                  android:text="water"
                  android:textAppearance="@style/TextAppearance.AppCompat.Medium"
                  android:textColor="@color/black"
                  app:layout_constraintBaseline_toBaselineOf="@+id/toogle_diabeties"
                  app:layout_constraintLeft_toLeftOf="parent"/&gt;
  
              &lt;TextView
                  android:textColor="@color/black"
                  android:text="almonds"
                  app:layout_constraintTop_toTopOf="parent"
                  android:id="@+id/toogle_diabeties"
                  app:layout_constraintRight_toRightOf="parent"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"/&gt;
  
          &lt;/android.support.constraint.ConstraintLayout&gt;
  </code></pre>
  
  <p>using the below code:</p>
  
  <pre><code> var textView= TextView(this@DietStepFive)
                      textView.id=100
                      textView.text="water"
                      textView.background=ContextCompat.getDrawable(this@DietStepFive,R.drawable.rectangle_diet)
                      textView.setTextColor(ContextCompat.getColor(this@DietStepFive,R.color.black))
  
                      var textView1= TextView(this@DietStepFive)
                      textView1.id=101
                      textView1.text="almonds"
                      textView1.background=ContextCompat.getDrawable(this@DietStepFive,R.drawable.rectangle_diet)
                      textView1.setTextColor(ContextCompat.getColor(this@DietStepFive,R.color.black))
  
                      var constraintset= ConstraintSet()
                      constraintset.clone(before_breakfast_option)
  
                      //left to left of
                      constraintset.connect(textView.id,ConstraintSet.LEFT,ConstraintSet.PARENT_ID,ConstraintSet.LEFT,0)
                      //baseline
                      constraintset.connect(textView.id,ConstraintSet.BASELINE,textView1.id,ConstraintSet.BASELINE,0)
                      //right to right of
                      constraintset.connect(textView1.id,ConstraintSet.RIGHT,ConstraintSet.PARENT_ID,ConstraintSet.RIGHT,0)
                      //top to top of
                      constraintset.connect(textView1.id,ConstraintSet.TOP,ConstraintSet.PARENT_ID,ConstraintSet.TOP,0)
  
                      constraintset.applyTo(before_breakfast_option)
  
                      before_breakfast_option.addView(textView)
                      before_breakfast_option.addView(textView1)
  </code></pre>
  
  <p>But the XML code is giving me the layout which has two textview one is one left side and one is one right side but kotlin code is giving me the both the textview overlapping on left side. Why?</p>
  
  <p>what wents wrong? any lead?</p>