Dodawanie elementu do ArrayList z TextField

Witam,

mam problem odnoście tego, że chce dodać String z TextField do tablicy ArrayList, poniżej wstawiam kod, nie rozumiem za bardzo dlaczego takiej operacji nie mogę wykonać, błąd to: java.lang.NullPointerException

package test.java.fx.controller;

import java.util.ArrayList;
import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;

public class NamesController {
	private ArrayList<String> namesArray;
	private MainController mainController;
	private String names;

    @FXML
    private TextField name;

    @FXML
    private Button addName;

    @FXML
    private Button backToMenu;

    @FXML
    public void addNameField() {
    	addNametoArrayList();
    }
    @FXML
    public void addNameButton() {
        addNametoArrayList();
    }
    public void addNametoArrayList() {	
		for(int i=0;i<i+1;i++){
    		names = name.getText();
    		namesArray.add(i, names);
    		name.clear();
                }
    }
    @FXML
    public void backToMenu() {
    	mainController.loadMenuScreen();
    }
	public void setMainController(MainController mainController) {
		this.mainController = mainController;
	}
}

Może dlatego, że nie stworzyłeś listy?