java fx add element an ScroolPane - javafx

Question

I 've searched and have not found an answer.
I have a scroll , a button and a textarea. when i press the button, i take the value in the textarea, then I want the text to be put at the top right in scrool , if ipress one more time to go under and so on. example
hello guys
this is my label
text area button
this is my fxml file
<AnchorPane id="AnchorPane" prefHeight="392.0" prefWidth="357.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="indixischat.ChatController">
<children>
<Pane id="title" layoutX="14.0" layoutY="14.0" prefHeight="60.0" prefWidth="333.0" />
<TextField fx:id="text" layoutX="14.0" layoutY="362.0" prefHeight="17.0" prefWidth="299.0" />
<Button fx:id="sendMessage" onAction="#sendMessage" layoutX="318.0" layoutY="365.0" mnemonicParsing="false" prefHeight="11.0" prefWidth="29.0" text="Button" />
<ScrollPane fx:id="scroll" layoutX="14.0" layoutY="44.0" prefHeight="319.0" prefWidth="339.0">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="412.0" prefWidth="326.0" />
</content>
</ScrollPane>

Answer 1

You can use a VBox as a container for the texts in the ScrollPane. Then on each Button click you create a new TextField and add that to the VBox:
public class Test extends Application {
#Override
public void start(Stage primaryStage) {
TextField txtInput = new TextField();
VBox boxTextFields = new VBox();
boxTextFields.setAlignment(Pos.TOP_RIGHT);
boxTextFields.setFillWidth(false);
ScrollPane scrollPane = new ScrollPane(boxTextFields);
scrollPane.setFitToWidth(true);
Button button = new Button();
button.setOnAction(e -> boxTextFields.getChildren().add(new TextField(txtInput.getText())));
VBox root = new VBox(textField, button, scrollPane);
root.setAlignment(Pos.TOP_CENTER);
primaryStage.setScene(new Scene(root, 300, 300));
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}